终于明白如何做swiper的无缝滚动（走马灯）效果啦

fcxmlybf · 发表于 2016-8-25 12:29:20

之前研究过
先用论坛中某位大神的效果
var mySwiper1 = new Swiper('.swiper-container1',{
autoplay : 1,
speed:3000,
loop : true,
freeMode:true,
slidesPerView : 5,
slidesPerGroup : 1,
prevButton:'.swiper-button-prev',
nextButton:'.swiper-button-next',
});

使得swiper间隔一个元素滚动一下，autoplay : 1, 间隔一毫秒滚动一下。
然后修改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;
}

将参数改为linear就好啦！