在界面top 100px位置有个导航栏
添加滚动监听
//滚动监听事件
$(window).scroll(function(){
// 看不见导航栏时,要固定(就是过了100px的时候)
if($(this).scrollTop() > 100){
// 给整个标签栏加一个class,就是固定定位的属性
// 添加css属性
$(".navBar").addClass("fixed");
}else{
// 回去的时候清除这个css属性
$(".navBar").removeClass("fixed");
}
});
在css中添加固定属性
/*固定属性,碰到需要固定的时候把这个属性给他用*/
.fixed{
/*固定定位*/
position: fixed;
top: 0px;
}
有了top:0px;可以在>100px时导航栏固定在界面顶端
可以在滚动回页头时,页面监听<100px,可以清除固定属性效果,重新回到100px