使用Swiper不正常滚动或能一直无限滚动的问题

上面就是我遇到的问题
使用Swiper不正常滚动或能一直无限滚动的问题_第1张图片因为加了这个隐藏,可能和Swiper插件中的样式起冲突了

1. 看需不需要这样式 如果不需要就去除该样式就会生效
2. 进行条件判断 如果是当前的index就使用Swiper插件。Swiper但是不能直接的使用,因为会找不到,需要在外面赋值

 var SWIPER = Swiper;
 function swiperInit() {
       var Swiper = new SWIPER('.swiper2', {
            on: {
            // 轮播事件的过渡,swiper从一个slide过渡到另一个slide结束时执行
                slideChangeTransitionEnd: function() {
                 // 滚动当前的图片,对应的.flex-text子元素添加cur这个类,其兄弟元素移除
                    $('.flex-text').children().eq(this.activeIndex).addClass('cur').siblings().removeClass('cur')
                },

            },
        });
		// 点击当前的item3 ,就对应上面的那个图片
        $('.item3').click(function() {
            Swiper.slideTo($(this).index()); //切换到第一个slide,速度为1秒
        })
    }

你可能感兴趣的:(javascript,前端,vue.js)