swiper实现匀速无缝滚动

Posted 2020-11-16 lhj-blog

设置属性

speed:2500,//匀速时间
autoplay: {
    delay: 0,
    stopOnLastSlide: false,
    disableOnInteraction: true,
},

样式需要添加

.swiper-container .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;
}