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
});
通过使用 slidesPerView: ‘auto’ 在幻灯片上设置 33% 的高度解决了这个问题
刷卡器的循环设置出现了一些问题。问题是它在进入第二个循环之前停止滑动,它总是在某个点停止。以前从未使用过 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
});
通过使用 slidesPerView: ‘auto’ 在幻灯片上设置 33% 的高度解决了这个问题