.arrive {
background-color: white !important;
}
<div style="position: fixed;top:90px;left: 29px;z-index: 5;">
<div id="A"><a href="a"><div>a</div></a></div>
<div id="B"><a href="b"><div>b</div></a></div>
<div id="C"><a href="c"><div>c</div></a></div>
</div>
<div>
<div id="a">a</div>
<div id="b">b</div>
<div id="c">c</div>
</div>
$(function(){
$(window).scroll(function(){ //为页面添加页面滚动监听事件
var top = $(window).scrollTop();//滚动条距离顶端值
if($("#a").offset().top<=top && top<$("#b").offset().top){
$("#A").addClass("arrive"); //给当前导航加类
}else{
$("#A").removeClass("arrive"); //清除类
}
if($("#b").offset().top<=top && top<$("#c").offset().top){
$("#B").addClass("arrive"); //给当前导航加类
}else{
$("#B").removeClass("arrive"); //清除类
}
if($("#c").offset().top<top){
$("#C").addClass("arrive"); //给当前导航加类
}else{
$("#C").removeClass("arrive"); //清除类
}
}
})
锚点定位
最新推荐文章于 2023-08-25 16:49:23 发布