無(wú)憂(yōu)主機(jī)小編今天要給各位站長(zhǎng)朋友介紹的是zblog跟隨導(dǎo)航的設(shè)置方法，那么也許有站長(zhǎng)朋友要提問(wèn)了，什么是跟隨導(dǎo)航呢？通俗的來(lái)說(shuō)就是，當(dāng)導(dǎo)航欄下拉到了一定的高度后就會(huì)固定在頂部的特殊效果，是不是很不錯(cuò)呢，接下來(lái)無(wú)憂(yōu)主機(jī)小編就來(lái)講解一下跟隨導(dǎo)航的設(shè)置步驟，方法如下。 首先編輯一段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”修改成自己頁(yè)面導(dǎo)航的class，數(shù)字“100”是下拉的高度，單位為像素，可以根據(jù)自己的需求修改這個(gè)值。然后就是在使用的導(dǎo)航頁(yè)面的css文件里增加一個(gè)屬性：

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

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

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

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