公告列表
公告列表
收藏
评论

禁止swiper滑动

社区已经有人解答这个问题了。感谢@赵子龙


这里写个经验分享记录一下。



收藏

3 个评论

  • Vincent W
    Vincent W
    01-10

    catchtouchmove 加在 swiper-item 上已经不生效了

    01-10
    赞同
    回复
  • 比如，张3
    比如，张3
    2018-11-15

    我提一个更变态的问题，怎么仅仅只屏蔽掉swiper中的左右滑动，允许上下滚动，因为应用场景是一张很长的竖图


    2018-11-15
    赞同
    回复 7
    • 2018-11-19

      swiper自身不就有个属性是可以控制横向和纵向

      2018-11-19
      赞
      回复
    • 比如，张3
      比如，张3
      2018-11-19回复

      现在情况是这样的，我需要关闭掉swiper的手动左右滑动，需要在swiper-item里面放一个按钮，点击按钮跳下一张，每个swiper-item都超过一屏，实际情况动画也是由左至右的进行的，我用catchtouchmove="stopTouchMove" ，然后方法中return false;禁止触摸滑动。那么问题来了，正因为我的图片超过一屏需要向下滚动展示，当我禁止掉触摸滑动，使我的页面展示不全，只能一屏显示了，有什么方法能保留swiper组件的左右切换动画，又可以屏蔽掉手动滑动操作的方法

      2018-11-19
      赞
      回复
    • 2018-11-20回复比如，张3

      这种情况，swiper里面嵌套个scroll-view，在swiper-item上catchtouchmove，不会影响scroll-view的滚动

      2018-11-20
      赞
      回复
    • 比如，张3
      比如，张3
      2018-11-21回复

      这样做swiper-item内容没有显示啊



      2018-11-21
      赞
      回复
    • 2019-09-09回复
      土豆兄，你的问题解决了吗？
      2019-09-09
      赞
      回复
    查看更多(2)
  • ung
    ung
    2018-11-15

    你牛，你是怎么找出来的


    2018-11-15
    赞同
    回复
请 登录 后发表内容