html - 多行滑动方向错误，方向 : horizontally and slidesPerColumnFill: 'row' ,

Question

我目前正在使用 Swiper:

1. Swiper 版本:4.5.0。
2. 平台/目标和浏览器版本:Web Chrome。
3. 如果恰好有 12 个元素，则行为正确:https://codepen.io/chunallen/pen/gOYGOpo
4. 超过 12 个元素时的错误行为:https://codepen.io/chunallen/pen/QWLqWbJ

当前行为

我有一个多行卡片网格，每页应显示 12 张卡片。我正在迭代到 18 个元素或有时是动态的，但它应该每页至少呈现 12 个元素

options = {
      slidesPerView: 3,
      slidesPerColumn: 4,
      slidesPerGroup:3,
      spaceBetween: 20,
      slidesPerColumnFill: 'row',
      direction: 'horizontal',
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
     }
}

预期行为

如果我有 18 个元素，它应该按水平顺序显示，每页 12 个 像这样:

for 1st page
1 | 2 | 3
4 | 5 | 6
7 | 8 | 9
10| 11| 12

for 2nd page
13 | 14 | 15
16 | 17 | 18

实际行为

如果我要出租超过 12 个，例如 18 个或更多，则 1-12 的说明转到第 2 页。

for 1st page
1 | 2 | 3
6 | 7 | 8
11| 12| 13
16| 17| 18


for 2nd page
3 | 4 | 5
8 | 9 | 10
18

请检查此以供引用https://codepen.io/chunallen/pen/QWLqWbJ

Answer 1

我通过在 Github 上回答我自己提出的问题解决了这个问题 https://github.com/nolimits4web/swiper/issues/3193