查看: 1392|回复: 0
打印 上一主题 下一主题

swiper5垂直滚动时快速消失,过一段时间才正常

[复制链接]

该用户从未签到

2

主题

2

帖子

10

积分

新手上路

Rank: 1

积分
10
跳转到指定楼层
楼主
发表于 2020-7-11 17:50:17 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
<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首次出现时能滚动,再次切换时还是不能滚动。

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


分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

GMT+8, 2024-11-24 09:07 , Processed in 0.072652 second(s), 27 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表