gpt4 book ai didi

javascript - Swiperjs 没有正确循环( slider )

转载 作者:行者123 更新时间:2023-11-28 02:40:43 25 4
gpt4 key购买 nike

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

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

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% 的高度解决了这个问题

关于javascript - Swiperjs 没有正确循环( slider ),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47190753/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com