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

列表的轮播bug

[复制链接]

该用户从未签到

1

主题

1

帖子

7

积分

新手上路

Rank: 1

积分
7
跳转到指定楼层
楼主
发表于 2020-11-26 16:10:48 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式
列表的轮播:(效果图);
我进入页面动态计算了每列可放置的列表条数:(代码);然后进行页面resize+全屏缩放的时候:会重新计算可放的列数:

swiper配置中:

但是此时自动轮播到最后一张,回到第一张时,仍是页面未改变的数量,其他分页时正常的。

搜了下,有人说是:swiper实现loop的时候应该是对slider做了一个duplicate,但是关键是做这个duplicate的时机,有些数据是延迟获取后渲染dom的,swiper应该复制的只是dom元素而不是代码,所以延迟的那部分它无法获取到
但是现在还没有解决方案。
目前我用了reachend这种笨办法实现了我想要的结果:
不知道有没有什么更好的办法。

5.png (11.33 KB, 下载次数: 80)

代码4

代码4

4.png (5.52 KB, 下载次数: 83)

代码3

代码3

3.png (9.37 KB, 下载次数: 93)

代码2

代码2

2.png (38.6 KB, 下载次数: 75)

代码1

代码1

1.png (5.32 KB, 下载次数: 86)

效果图

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

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-4-26 10:23 , Processed in 0.082365 second(s), 29 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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