仿今日头条App顶部导航点击可居中(优化版)


8368 | 4503  | 1461 | 添加收藏 上一个 下一个
资源描述 : 原作者的插件在项目中使用后遇到问题后改版
仿今日头条App顶部导航点击可居中(优化版)
资源详情

设置对象动作做了调整,Swiper5的新特性,此外某些机型对Swiper5的事件兼容不好,可以用框架自带的点击事件实现


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);
         }
     }
 });

指尖代码 资源每日更新 www.zjdaima.com
© zjdaima.com - 指尖代码      京ICP备19016706号-2    

京公网安备 11011202002662号