鼠标下滑到一定的高度时二级导航条固定在顶部

css样式:

.fixednav{

position:fixed;

top:0px;

left:0;

width:100%;

z-index:1;

}

jQuery js结构:

$(function(){

var nav=$(".nav");//获取当前对象

var win =$(windows);//获取窗口

var do=$(document);

win.scroll(function(){

if(do.scrollTop()>=100){ nav.addClass("fixednav");

$(".navTmp").fadeIn();

}else{

nav.removeClass("fixednav");

$(".navTmp").fadeOut(); } })

})

//nav改成自定义的导航的class

posted on 2017-09-17 15:55  封寻丸子  阅读(398)  评论(0编辑  收藏  举报

导航