14
2020
09

swiper 2实现匀速无缝滚动

var mySwiper = new Swiper('.swiper-container',{
    autoplay : 1, //间隔一毫秒滚动一下
    speed:3000,  //匀速时间
    loop : true,
    freeMode:true,  //设置为true则变为free模式
    slidesPerView : 5,
});

然后修改swiper.css的代码

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


« 上一篇下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。