HTML代码:


<div class="swiper-container wuliu-list"> <div class="swiper-wrapper"> <div class="swiper-slide wuliu-element wow fadeInDown animated" style="animation-delay:.1s"> <img src="images/wuliu1.png"> </div> <div class="swiper-slide wuliu-element wow fadeInDown animated" style="animation-delay:.15s"> <img src="images/wuliu2.png"> </div> <div class="swiper-slide wuliu-element wow fadeInDown animated" style="animation-delay:.2s"> <img src="images/wuliu3.png"> </div> </div> </div>


1.设置属性freeMode:true,

var swipe2 = new Swiper('.wuliu-list', {
        spaceBetween: 10,
        centeredSlides: false,
slidesPerView: 5,
        touchRatio: 0.2,
        slideToClickedSlide: true,
autoplay: {
delay:0,
disableOnInteraction: false,
},
freeMode:true,
speed: 3000,
loop: true,
breakpoints: {
            1024: {
                slidesPerView: 4
            },
            768: {
                slidesPerView: 3
            }
        }

});

2、修改样式

.swiper-container-free-mode>.swiper-wrapper { 
    -webkit-transition-timing-function: linear; /*之前是ease-out*/ 
    -moz-transition-timing-function: linear; 
    -ms-transition-timing-function: linear; 
    -o-transition-timing-function: linear; 
    transition-timing-function: linear; 
    margin: 0 auto; 
}