【已解决】使用swiper3，会出现抖动

McChen

1. var topSwiper = new Swiper ('#top-swiper', {
   
2.                 initialSlide: 1,        // 初始化索引
   
3.                 centeredSlides: true,        // 居中
   
4.                 slidesPerView: 1.4,        // 宽度比例
   
5.                 iOSEdgeSwipeDetection : true,        // iOS
   
6.                 lazyLoading: true,        // 图片懒加载
   
7.                 lazyLoadingInPrevNext : true,        // 加载上下张图片
   
8.                 lazyLoadingOnTransitionStart : true,        // 过渡开始就加载
   
9.                 roundLengths : true,        // 宽度取整
   
10.                 loop: true,
    
11.                 loopAdditionalSlides: 1,
    
12.                 onInit: function(swiper){
    
13.                         //Swiper初始化了
    
14.                         swiper.container.removeClass("v-hidden");
    
15.                         //alert(swiper.activeIndex);提示Swiper的当前索引
    
16.                 },
    
17.                 onSliderMove: function(swiper, event){
    
18.                                 console.log(swiper);
    
19.                                 console.log(event);
    
20.                 },
    
21.                 onSlideNextEnd: function(swiper){
    
22. //                        console.log(swiper.realIndex);
    
23. //                        console.log(swiper.slides.length);
    
24.                 }
    
25.         });

复制代码

代码配置如上
--------------------

1. .swiper-slide { transform: scale(0.9); transition: transform 0.3s;}
   
2.       .swiper-slide.swiper-slide-active { transform: scale(1);}

复制代码

css样式如上
------------------------

就是在我开启loop的时候，每次加载完预设数量的时候，再次滑动的该元素会先缩小再恢复active的大小，我想请问一下是否在loop的过程中，有删除或者重置swiper-slide-active的行为呢？不开启loop不会出现该情况。

补充：

swiper-slide-duplicate  这个slide切换的时候会出现这个情况，正常元素都不会。

McChen

自己已经通过onTouchStart,onTouchMove,onTouchEnd临时hack了这个问题。

evayin

McChen 发表于 2016-12-29 14:59
自己已经通过onTouchStart,onTouchMove,onTouchEnd临时hack了这个问题。

我也遇到这个问题了，能问下具体怎么解决的吗