在<swiper-item>上设置catch:touchmove拦截,然后在其中嵌套使用<scroll-view>,此时左右滑动和scroll-view中的上下滑动都是不行的,需要设置<swiper>的高度,然后swiper-item 与 scroll-view及其中间的view都需要设置高度为100%,即可完成禁止左右滑动,允许内容上下滑动的效果。
微信小程序swiper禁止左右横划切换swiper-item
于 2024-01-31 09:39:33 首次发布
文章讲述了如何在Swiper组件中嵌套使用ScrollView时,防止外部滑动影响内部滚动,通过设置Swiper高度和swiper-item、scroll-view以及内部view的高度为100%,实现了只允许内容上下滑动的效果。
摘要由CSDN通过智能技术生成