使用滑动滑块垂直滑块模式无法正确计算可见幻灯片数

Question

我正在尝试创建带有滑动滑块的垂直滑块，以在我的wordpress网站中显示推荐。我需要每行3张幻灯片，因此当我通过分页滑动时，我需要在每行3张幻灯片之间滑动。

我具有以下滑块设置

var swiper = new Swiper('.customers-right-wrap .swiper-container', {
    slidesPerView: 3,
    slidesPerGroup: 3,
    direction: 'vertical',
    pagination: {
        el: '.swiper-pagination',
        clickable: true,
    },
    spaceBetween: 25,
});

并且使用此设置，所有可用的幻灯片都将显示在页面中。而不是从头开始只显示3张幻灯片，而是显示了所有可用的幻灯片。

[任何想法，请问缺少了什么？谢谢

Answer 1

您需要做slidesPerView = 1：

var swiper = new Swiper('.customers-right-wrap .swiper-container', {
    slidesPerView: 1,
    slidesPerGroup: 3,
    direction: 'vertical',
    pagination: {
        el: '.swiper-pagination',
        clickable: true,
    },
    spaceBetween: 25,
});