Swiperjs没有正确循环(滑块)

时间:2017-11-08 22:25:20

标签: javascript jquery css slider slide

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

如果您向下滑动,您可以在代码簿中看到问题,您会注意到它停在蓝色框中,或者如果向上翻转则停在绿色框中。有可能让它以某种方式继续滑动,或至少使它不仅仅是那个位置的空白区域吗?

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/

1 个答案:

答案 0 :(得分:0)

通过slidePerView:'auto'

在幻灯片上设置33%的高度解决了这个问题