swiper如何实现禁止手动滑动

发布于 6 年前作者 taoyong10266 次浏览最后编辑 6 年前来自 ask

swiper如何实现禁止手动滑动,找了好久,试了很多方法都没用

5 回复
swu
swu1 楼6 年前

用了cath没用,不管将return false的方法加载swiper-item还是里面的image或者是swiper上它都没有阻止swiper的默认行为。

不过现在解决了,只要将swiperz-index的值设为-1就可以了

taochen
taochen2 楼6 年前

swiper执行滑动是需要接收touchmove事件的,你在swiper的子控件比如swiper-item中用catchtouchmove将事件截获后,swiper由于不能接收到touchmove事件,所以无法滑动

leiyuan
leiyuan3 楼6 年前

感谢反馈。最佳方案是 @赵子龙 的方案。在swiper内部的节点上拦截touchmove事件 `catchtouchmove=“FUNCTION_NAME”` 可以阻止swiper对touchmove的响应。

weihan
weihan4 楼6 年前

额,创建一个跟swiper宽高一样的透明层,盖在他上面 >_ >

fmo
fmo5 楼4 年前

阻止事件传递用catch