|
列表的轮播:(效果图);
我进入页面动态计算了每列可放置的列表条数:(代码);然后进行页面resize+全屏缩放的时候:会重新计算可放的列数:
swiper配置中:
;
但是此时自动轮播到最后一张,回到第一张时,仍是页面未改变的数量,其他分页时正常的。
搜了下,有人说是:swiper实现loop的时候应该是对slider做了一个duplicate,但是关键是做这个duplicate的时机,有些数据是延迟获取后渲染dom的,swiper应该复制的只是dom元素而不是代码,所以延迟的那部分它无法获取到
但是现在还没有解决方案。
目前我用了reachend这种笨办法实现了我想要的结果:
不知道有没有什么更好的办法。
|
-
5.png
(11.33 KB, 下载次数: 80)
代码4
-
4.png
(5.52 KB, 下载次数: 83)
代码3
-
3.png
(9.37 KB, 下载次数: 93)
代码2
-
2.png
(38.6 KB, 下载次数: 75)
代码1
-
1.png
(5.32 KB, 下载次数: 86)
效果图
|