锚点定位
来源:互联网 发布:孙骁骁家庭知乎 编辑:程序博客网 时间:2024/05/22 07:08
.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"); //清除类 } } })
阅读全文
0 0
- js锚点定位
- js锚点定位
- 锚点定位
- html 锚点定位
- web 锚点定位
- 锚点定位
- 锚点定位
- jquery锚点定位
- jquery锚点定位
- 锚点定位
- 锚点定位
- 锚点定位和值
- js 模仿锚点定位
- js 锚点平滑定位
- js 控制锚点定位
- HTML锚点定位偏移
- 优雅的锚点定位
- a标签锚点定位
- kali2017安装中文输入法
- 什么是高并发 ,详细讲解
- 浅谈指针数组、数组指针及函数指针
- HTTP状态码
- 树的遍历
- 锚点定位
- 阿里云ssl tomcat nginx https
- 自己对JVM新生带的理解
- 加法电路原理
- new 关于java多线程 > ThreadLocal
- java包装类型 “==”的比较(Integer,long等)
- 牙膏厂效率为何如此之低
- swift
- keras 入门 --手写数字识别