swiper实现匀速无缝滚动

参考地址:https://www.cnblogs.com/lhj-blog/p/11595872.html

设置属性

复制代码
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;
}
复制代码
posted @ 2021-09-28 10:05  lzhflzjx  阅读(577)  评论(0编辑  收藏  举报