插件描述：原作者的插件在项目中使用后遇到问题后改版
更新时间：2020-03-02 00:08:57
首先很感谢作者的demo,如有问题请留言,仅为分享
使用方法请参考
1 |
原作者作品升级swiper.min.js为Swiper5版本
设置对象动作做了调整,Swiper5的新特性,此外某些机型对Swiper5的事件兼容不好,可以用框架自带的点击事件实现
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | var TouchNav = new Swiper('#TouchNav', { freeMode: true, freeModeMomentumRatio: 0.5, centeredSlides: true, centeredSlidesBounds: true, slidesPerView: 'auto', on: { tap: function() { $("#TouchNav .active").removeClass('active'); $("#TouchNav .swiper-slide").eq(this.clickedIndex).addClass('active'); TouchNav.slideTo(this.clickedIndex); } }}); |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： 基于ets柱状图后台和表格上下滚动（原创）
- 下一个特效： css3鼠标悬停导航条动画