楼层联动跳转

1.获取每层楼距离顶部的距离,将它们放入数组中

var floorArr=[];

$(this).offset().top;楼层距离顶部的距离

2.监听滚动条滚过的距离,绑定监听事件

$(window).scroll)(function)(){
$(window).scrollTop();获取滚动过的距离

3.循环遍历数组  找到当前楼层和下一楼层,加判断改变index下标;

4.根据索引,去改变楼层导航的样式

eq(index).addClass('active).siblings('li).removeClass('active);

5.给每一个li添加点击事件

获取当前li的索引,开启监听事件加上点击之后的效果,

根据索引获取楼层距离顶部的距离。加入动画滚动。

注意:在此操作过程中要注意点击滚动和滚动带点击有冲突,这样解决的问题是jquery中的方法用on绑定的事件off可以取消。将所有的function写成一个匿名函数形式,可以调用。

原文地址:https://www.cnblogs.com/xinkun/p/7840355.html