導(dǎo)航跟隨,是目前制作網(wǎng)站模板所必須的,
//導(dǎo)航跟隨 $(function(){ var nav=$("#nav-header"); var win=$(window); var sc=$(document); win.scroll(function(){ if(sc.scrollTop()>=110){ nav.addClass("fixednav"); $(".navTmp").fadeIn(); }else{ nav.removeClass("fixednav"); $(".navTmp").fadeOut(); } }) });
HTML:
<div id="nav-header" class="navbar"> <ul class="nav"> <li><a href="#">首頁</a></li><li><a href="#">首頁</a></li> <li><a href="#">首頁</a></li><li><a href="#">首頁</a></li> </ul> </div>
CSS:
.fixednav {position: fixed;top: 0;z-index: 265;width: 100%;opacity: .95;}
以上演示代碼來源于李洋博客。
瀏覽器置頂/固定跟隨可以用在導(dǎo)航菜單或者側(cè)欄廣告位等地方。