当一个水平滑动器嵌套在另一个水平滑动器中时,我遇到了一个效果,当内部滑动器到达幻灯片列表的开头或结尾时,滑动动作开始移动父滑动器。为了阻止这种情况,我尝试向内部滑动器添加nested
和touchReleaseOnEdges
参数,如下所示:
<Swiper
touchReleaseOnEdges={true}
nested={true}
slidesPerView={3}>
<SwiperSlide> Slide 1 </SwiperSlide>
<SwiperSlide> Slide 2 </SwiperSlide>
<SwiperSlide> Slide 3 </SwiperSlide>
<SwiperSlide> Slide 4 </SwiperSlide>
<SwiperSlide> Slide 5 </SwiperSlide>
<SwiperSlide> Slide 6 </SwiperSlide>
</Swiper>
不幸的是,应用这些参数并不能解决问题。我该如何解决这个问题?
参考:嵌套参数、触摸释放边缘参数、relevant post、relevant post 2
注:使用Swiper 8.17.0
1条答案
按热度按时间jdgnovmf1#
您只需要传递touchMoveStopPropagation