首页 > 解决方案 > SwiperJS - 滚动过去第一项后是否可以实现“循环”布局?

问题描述

我想知道是否有一种方法可以实现与循环布局完全相同的布局,只有当您滚动经过第一张幻灯片时(这样我们才能看到前一张卡片的一半和下一张卡片的一半)。

在加载时,我添加时左侧有大量空白centeredSlides: true,但添加loop: true似乎对其进行了排序,但我不想要循环轮播。是否有可能摆脱它,使第一张幻灯片与左侧齐平,然后当用户滚动时,我们开始看到前一张卡片的一半?

我创建了一个沙箱来演示我的示例,如果您取消注释第 8 行并注释掉第 9 行,希望您会看到我想要实现的目标。

https://codesandbox.io/s/lucid-newton-fs38p?file=/src/App.js

谢谢!

标签: swiperswiperjs

解决方案


推荐阅读