Swiperjs 没有正确循环(滑块)

Swiperjs doesn't loop correctly (slider)

刷卡器的循环设置出现了一些问题。问题是它在进入第二个循环之前停止滑动,它总是在某个点停止。以前从未使用过 swiper,我不确定这是否有意为之?或者是否有可能的修复方法。

如果向下滑动,您可以在 codepen 中看到问题,您会注意到它停在蓝色框处,如果向上滑动,它会停在绿色框处。是否有可能让它以某种方式继续滑动,或者至少让它在那个位置不只是一个空白 space?

https://codepen.io/quality/pen/pdNQPb

var swiper = new Swiper('.swiper-container', {
    scrollbar: '.swiper-scrollbar',
    scrollbarHide: true,
    slidesPerView: 3,
    centeredSlides: true,
    freeMode: true,
    spaceBetween: 30,
    direction: 'vertical',
    slideToClickedSlide: true,
    loop: true
});

我使用的框架:http://idangero.us/swiper/api/

通过使用 slidesPerView: ‘auto’ 在幻灯片上设置 33% 的高度解决了这个问题