滑块向相反方向移动以结束幻灯片(最后一张幻灯片)

时间:2020-09-25 08:51:46

标签: swiper swiperjs

我在react项目中使用swiper 6.1.2,这些是我传递给swiper的选项:

<Swiper id="thumbs" className="swiper-container2"
updateOnWindowResize freeMode
speed={680}
controller={{control: controlledSwiper}}
centeredSlides={true}
centeredSlidesBounds
slideToClickedSlide={true}
spaceBetween={5}
breakpoints={{
300: {
slidesPerView: 3.8,
},
900: {
slidesPerView: 10,
},
}}
>
{thumbs}
</Swiper>

在最后一张幻灯片上可以正常工作,但在最后一张幻灯片上可以跳到另一个方向。 请注意,它在较小的设备上可以正常工作,但在较大的屏幕上会出现问题

请检查gif的

此处跳转到另一个方向(屏幕尺寸> 900):

https://user-images.githubusercontent.com/71863768/94231858-754a5c80-ff22-11ea-8406-c07a0f6e68c5.gif

在这里工作正常(屏幕尺寸<500):

https://user-images.githubusercontent.com/71863768/94234235-ef7ce000-ff26-11ea-9d74-6dfeea4987a7.gif

谢谢!!

0 个答案:

没有答案