一、jQuery代码:
//滚动条到一定位置时导航栏固定
var nav=$('.head');//获取导航栏的div
var win=$(window);
var sc=$(document);
win.scroll(function(){
win.scroll(function(){
//当页面滚动条滚动到距离顶部100像素时,给导航栏的div添加一个class值
if(sc.scrollTop()>=100){
nav.addClass("fixednav");
}else{
nav.removeClass("fixednav");
}
})
})
二、css代码:
/*滚动条到一定位置时导航栏置顶*/
.fixednav {
position: fixed;
top: 0px;
left: 8px;
1350px;
z-index: 1050;
}