Swiper中文论坛
标题:
swiper5垂直滚动时快速消失,过一段时间才正常
[打印本页]
作者:
mex
时间:
2020-7-11 17:50
标题:
swiper5垂直滚动时快速消失,过一段时间才正常
<
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首次出现时能滚动,再次切换时还是不能滚动。
有没有大佬见过这种情况!!!
欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)
Powered by Discuz! X3.2