mex 发表于 2020-7-11 17:50:17

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首次出现时能滚动,再次切换时还是不能滚动。

有没有大佬见过这种情况!!!


页: [1]
查看完整版本: swiper5垂直滚动时快速消失,过一段时间才正常