Swiperjs 无法正确循环（滑块）答案

【问题标题】：Swiperjs doesn't loop correctly (slider)Swiperjs 无法正确循环（滑块）
【发布时间】：2018-04-21 19:00:48
【问题描述】：

swiper 的循环设置有一些问题。问题是它在进入第二个循环之前停止滑动，它总是停止某个点。以前从未使用过 swiper，我不确定这是不是有意的？或者如果有可能的解决方法。

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

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/

【问题讨论】：

标签： javascript jquery css slider slide

【解决方案1】：

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

【讨论】：