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仿京东楼层滑动侧边栏高亮(原创)相关推荐

HTML京东商品页面代码,jquery仿京东商品页面代码分享
jquery仿京东商品页面京东页面大家都很熟悉,进入商品页面把鼠标放在图片上旁边会出现一个放大的效果,接下来就带大家看看怎么实现的!!!! 仿京东商品页面的效果!!! 仿京东商品页面css的代码!! ...
html5仿抖音php,H5+Jquery 仿抖音视屏切换
整体思路: jQuery -- touch事件之滑动判断,当上划超过30px切换下一个视屏,调换中的 src. 错误思路:原本想用swiper循坏显示,视觉效果可以达到,但是会把所有的视屏都加载出来, ...
商品导航--仿电器网上商城导航jquery代码
<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3c.org ...
php 京东首页分类导航,纯CSS京东商城分类导航菜单代码-懒人建站
h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},Z=/^(?:checkbox|r ...
楼梯式导航 html,jQuery仿京东商城楼梯式导航定位菜单|jquery网站楼层导航
jQuery京东浮动网站楼层导航代码是一款仿京东商城网页左侧浮动楼层导航特效代码.具有一定的参考价值,感兴趣的小伙伴们可以参考一下. CSS样式如下: *{ margin:0; padding:0; ...
html仿写京东左侧,jQuery模仿京东/天猫商品左侧分类导航菜单效果
现在天猫或者京东商品分类模块的默认的效果是这样的: 当鼠标滑过任意一栏导航分类时,就会出现相关详细分类模块,例如: 当鼠标移出蓝色框以外的区域,就会恢复默认的效果显示!然而使用jQuery的鼠标滑过事 ...
jQuery仿天猫京东商城楼层滚动跳转代码分享
一款购物商城常用的jQuery仿天猫京东商城楼层滚动跳转代码,点击楼层跳转定位到指定位置,右下角还有返回顶部按钮. 示例图: 仿天猫京东商城楼层滚动跳转代码 js代码段: <script ty ...
手机京东菜单html,jQuery仿京东商城手机端商品分类滑动切换特效
jQuery仿京东商城手机端商品分类滑动切换特效一款仿京商城东手机移动端商品图片分类导航滑动效果,jQuery商品二级分类菜单切换特效. js代码 //设置cookie function setCo ...
基于jquery仿天猫分类导航banner切换
分享一款基于jquery天猫分类导航banner切换.这是一款仿最新天猫商品分类导航控制banner图片切换代码.效果图如下: 在线预览源码下载部分代码: <div class=&quo ...

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

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

最新文章

热门文章