無憂主機小編今天要給各位站長朋友介紹的是zblog跟隨導航的設置方法，那么也許有站長朋友要提問了，什么是跟隨導航呢？通俗的來說就是，當導航欄下拉到了一定的高度后就會固定在頂部的特殊效果，是不是很不錯呢，接下來無憂主機小編就來講解一下跟隨導航的設置步驟，方法如下。 首先編輯一段js代碼，代碼如下：

<script type="text/javascript">
$(function(){
var nav=$(".nav"); 
var win=$(window); 
var sc=$(document);
win.scroll(function(){
if(sc.scrollTop()>=100){
nav.addClass("fixednav");
$(".navTmp").fadeIn();
}else{
nav.removeClass("fixednav");
$(".navTmp").fadeOut();
}
}) 
})
</script>

以上代碼中的“nav”修改成自己頁面導航的class，數(shù)字“100”是下拉的高度，單位為像素，可以根據(jù)自己的需求修改這個值。然后就是在使用的導航頁面的css文件里增加一個屬性：

.fixednav {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
z-index: 1;
}

全部修改后之后刷新數(shù)據(jù)就可以在導航頁面看到效果了。 無憂主機相關文章推薦閱讀： ZBLOG文章頁標題優(yōu)化 ZBLOG文章標題的位置怎么更改 Z-BLOG如何使管理員默認頭像不一樣

本文地址：http://www.gle-technology.com/zblog/20944.html

上一篇: Ecshop教程：在首頁的發(fā)貨查詢里顯示省市區(qū)地址信息
下一篇: zblog程序asp版本轉換成php版本的方法