html52.com
我爱小程序-开发者交流社区

swiper如何实现禁止手动滑动

问题模块
API和组件

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

网友回复

LastLeaf:

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

海宏:

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

赵子龙:

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

河里的珊瑚海:

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


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


赵子龙:

阻止事件传递用catch

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付