首页 | 8453 | 1461 | 4503 | 添加收藏 上一个 下一个
仿今日头条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);

        }

    }

});

搜索发现

下载榜 观看榜