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");
}

});
});