jquery实现滚动条滚动到一定高度导航固定不变
生活随笔
收集整理的這篇文章主要介紹了
jquery实现滚动条滚动到一定高度导航固定不变
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
<div class="one"></div>
?
.one {
width: 800px;
height: 100px;
}
.fix {
position: fixed;
left: 0;
top: 0;
}
?
$(function(){
var nav=$(".one"); //得到導(dǎo)航對象
var win=$(window); //得到窗口對象
var sc=$(document);//得到document文檔對象。
win.scroll(function(){
if(sc.scrollTop()>=600){
nav.addClass("fix");
}else{
nav.removeClass("fix");
}
});
});
轉(zhuǎn)載于:https://www.cnblogs.com/zzz723/p/8884491.html
總結(jié)
以上是生活随笔為你收集整理的jquery实现滚动条滚动到一定高度导航固定不变的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: linux kvm 常用命令
- 下一篇: ALGO-117_蓝桥杯_算法训练_友好