博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
楼层联动跳转
阅读量:4957 次
发布时间:2019-06-12

本文共 476 字,大约阅读时间需要 1 分钟。

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

你可能感兴趣的文章