html仿京东快速购物导航,jQuery仿京东楼层滑动侧边栏高亮(原创)

插件描述：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

});

总结

以上是生活随笔为你收集整理的html仿京东快速购物导航,jQuery仿京东楼层滑动侧边栏高亮(原创)的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。