Swiper中文论坛

标题: 终于明白如何做swiper的无缝滚动（走马灯）效果啦 [打印本页]

作者: fcxmlybf 时间: 2016-8-25 12:29
标题: 终于明白如何做swiper的无缝滚动（走马灯）效果啦
之前研究过
先用论坛中某位大神的效果
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就好啦！

作者: chazandrune 时间: 2016-10-28 15:26
遇到相同的问题，感谢楼主指点~

作者: lethe_j 时间: 2018-3-27 08:17
111111111111111111111111111111

作者: lethe_j 时间: 2018-3-27 08:17
请问没有demo吗

作者: JoyTan 时间: 2018-4-8 17:20
来学习哈

作者: zhu644179766 时间: 2019-5-6 09:44
感谢楼主分享

作者: hlbweb 时间: 2020-3-11 18:16
学习一下

作者: tanh 时间: 2020-7-22 09:19
可是滑动的时候速度不均匀啊

作者: wangyong315 时间: 2022-1-9 19:35
感谢楼主与

作者: 淡风舞白雪 时间: 2022-6-29 13:42
1111111000000000000000

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)