jquery实现滚动条滚动到一定高度导航固定不变

<div class="one"></div>

 

.one {
width: 800px;
height: 100px;
background-color: yellow;
}

.fix {
position: fixed;
left: 0;
top: 0;
background-color: pink;
}

 

$(function(){

var nav=$(".one"); //得到导航对象

var win=$(window); //得到窗口对象

var sc=$(document);//得到document文档对象。

win.scroll(function(){

if(sc.scrollTop()>=600){

nav.addClass("fix");
}else{

nav.removeClass("fix");
}

});
});