超简单的导航栏下拉至一定高度后固定在顶部的特效

JS部分:

$(function(){
var nav=$(“#nav”); //得到导航对象
var win=$(window); //得到窗口对象
var sc=$(document);//得到document文档对象。
win.scroll(function(){
if(sc.scrollTop()>=100){
nav.addClass(“fixednav”);
$(“.navTmp”).fadeIn();
}else{
nav.removeClass(“fixednav”);
$(“.navTmp”).fadeOut();
}
})
})

CSS部分
.fixednav {
position: fixed !important;
top: 0px;
left: 0px;
width: 100%;
z-index: 1;
}

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注