javascript 当我长时间滑动过最后一张幻灯片时,Swiperjs会重置为上一张幻灯片

eiee3dmh  于 2023-01-16  发布在  Java
关注(0)|答案(1)|浏览(184)
    • bounty将在5天后过期**。回答此问题可获得+50声望奖励。Sirkow希望引起更多人对此问题的关注:我需要找到一个解决我问的问题的方法。当我滑过最后一张幻灯片时,它应该停留在那张幻灯片上,而不是回到前一张。

预期行为:向右滑动时,无论用户拖动滑块多少,红色滑块都应成为活动滑块。
当前行为:当用户长滑动超过最后一张幻灯片时,滑动器重置为倒数第二张幻灯片。
下面是一个代码沙盒演示了这个问题:https://codesandbox.io/s/silly-euler-9hejzk
需要注意的一点是,最后一张幻灯片不是全宽(仅30%)。

zbdgwd5y

zbdgwd5y1#

我认为您需要longSwipesRatio参数,它记录在以下位置:Swiper API
SwipeableDiv.js中,应该有这样的内容:

<Swiper
  slidesPerView={"auto"}
  longSwipesRatio={0} // <--- HERE
>
  <SwiperSlide className="cell-content-slide">Slide1</SwiperSlide>
  <SwiperSlide className="cell-content-slide">Slide2</SwiperSlide>
  <SwiperSlide className="actions-slide">Slide3</SwiperSlide>
</Swiper>

相关问题