怎么用swiper实现匀速无缝平滑滚动轮播
HTML代码:
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;
}
下一篇:没有了