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
});
答案 0 :(得分:0)
通过slidePerView:'auto'
在幻灯片上设置33%的高度解决了这个问题