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写成一个匿名函数形式,可以调用。