当前位置:   article > 正文

京东侧边兰代码css,jQuery仿京东楼层滑动侧边栏高亮(原创)

css 滚动 侧边栏高亮

cfe7eae38c21f90f7f810f81aa7020b9.png

c714816320c3c7678952c0af200e40b9.png

插件描述:jQuery模仿京东侧边栏点击滑动到该楼层,同时侧边栏随着页面滚动对应导航高亮。

更新时间:2017/9/30 下午2:48:37

更新说明:

1,添加了查看评论按钮来改变对应区的高度

2,将floorList和navList作为匿名函数作用域的变量,不用在需要的函数再传递

3,将data数组放到滚动监听和点击事件的位置,防止楼层高度变动导致的位置变化未更新导致的bug

注意:本次更新就是为了解决楼层高度改变导致data中的位置不准确的bug(已解决)scrollFloor({

floorClass : '.scroll-floor',  //楼层盒子class;默认为'.scroll-floor'

navClass : '.scroll-nav',     //导航盒子class;默认为'.scroll-nav'

activeClass : 'active',      //导航高亮class;默认为'active'

delayTime:100,            //点击导航,滚动条滑动到该位置的时间间隔;默认为200

activeTop:200,            //楼层到窗口的某个位置时,导航高亮(设置该位置);默认为100

scrollTop:0              //点击导航,楼层滑动到窗口的某位置;默认为100

});

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/你好赵伟/article/detail/543505
推荐阅读
  

闽ICP备14008679号