|
<div class="swiper-container swiper-grade swiper-grade3" style="height: 38.16rem;">
<div class="swiper-wrapper">
<div class="swiper-slide">
<ul style="height: 38.16rem;">
<li>
<span>***</span> <span></span>
<span>***</span>
</li>
<li>
<span>***</span>
<span>***</span>
</li>
</ul>
</div>
</div>
</div>
var mySwipergrade3 = new Swiper ('.swiper-grade3', {
init:false,
observer:true, // 修改swiper自己或子元素时,自动初始化swiper
observeParents:true, // 修改swiper的父元素时,自动初始化swiper
direction: 'vertical', // 垂直切换选项
loop: true, // 循环模式选项
speed:20000,//匀速时间
autoplay: {
delay: 0,
stopOnLastSlide: false,
disableOnInteraction: false,
},
});
这是垂直的滚动配置,刚开始的时候会快速滚动然后消失,过一段时间后才会出现正常滚动;init: false是因为切换导致新的swiper无法滚动,observer:true并不起作用,目前只能用
4.5以下的版本来让他匀速滚动外加init()方法来让切换后的swiper首次出现时能滚动,再次切换时还是不能滚动。
有没有大佬见过这种情况!!!
|
|