Swiper Slider中的奇怪幻灯片网格配置

时间:2019-07-19 15:21:47

标签: swiper

我想使用Swiper滑块创建5x3幻灯片网格,因此每页15张幻灯片。

var swiper = new Swiper('.swiper-container', {
  slidesPerView: 5,
  slidesPerColumn: 3,
  spaceBetween: 30
});

如果我正好有15张幻灯片,则配置是我期望的:

Slide 1     Slide 4    Slide 7    Slide 10    Slide 13
Slide 2     Slide 5    Slide 8    Slide 11    Slide 14
Slide 3     Slide 6    Slide 9    Slide 12    Slide 15

如果我尝试保留相同的网格设置但删除2张幻灯片(总共13张幻灯片),则会发生以下情况:

Slide 1     Slide 4    Slide 7    Slide 10    Slide 13
Slide 2     Slide 5    Slide 8    Slide 11    Slide 3
Slide 6     Slide 9    Slide 12

为什么出现这种奇怪的倾向?这是我在这种情况下期望的结果:

Slide 1     Slide 4    Slide 7    Slide 10    Slide 13
Slide 2     Slide 5    Slide 8    Slide 11
Slide 3     Slide 6    Slide 9    Slide 12

This is a Pen with this strange behaviour

谢谢。

0 个答案:

没有答案