公告列表
公告列表
收藏
回答

有没有能够禁止swiper组件左右滑动的方法

框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 需求 swiper 微信iOS客户端 6.6.6 1.9.8

  1. 首先可以肯定是有两个或两个以上的<swiper-item>，并且横向排列；

  2. 不想用户手势滑动swiper，需要点击事件来修改current值，从而进行左右滑动；

  3. 想过用catchtouchmove事件来禁止滑动，但是这样把上下滑动也毙掉了，所以当内容超出一屏时，无法进行上下滑动。

以上就是我遇到的问题，请问有没有好的方法解决，谢谢！

回答关注问题邀请回答
收藏

5 个回答

  • 王治珺
    王治珺
    2019-10-12

    swiper-item禁止左右滚动允许上下滚动  有没有好的方法额

    2019-10-12
    有用 1
    回复
  • 放轻松点 主角
    放轻松点 主角
    2023-08-23

    swiper-item加个catchtouchmove=“preventDefault” 即可

    2023-08-23
    有用
    回复
  • 喔喔喔
    喔喔喔
    2019-09-27

    我也遇到这个问题,解决啦吗



    2019-09-27
    有用
    回复 1
    • Hover
      Hover
      2020-12-04
      我也遇到了，请问解决了吗？
      2020-12-04
      赞
      回复
  • 卢霄霄
    卢霄霄
    2018-06-27

    截个图看看你的界面呢，才好判断要给你做的处理

    2018-06-27
    有用
    回复
  • 永恒君
    永恒君
    2018-06-27

    反正自己写 tab 也挺方便的。

    不滑动的 swiper 已经不是 swiper 了，逃...

    2018-06-27
    有用
    回复 5
    •  
       
      2018-06-27

      就是因为一些原因，无法做成tab，所以才来求助~

      我看社区上对这个组件的呼声挺高的，希望官方可以考虑一下。

      2018-06-27
      赞
      回复
    • 永恒君
      永恒君
      2018-06-29回复 

      唔，我倒有个偏方，覆盖一层透明层，遮挡住手势操作。


      看到老牌的 swiper.js 插件中有个 simulateTouch:false 属性，看来这个需求确实是有市场的 @官方。

      2018-06-29
      赞 1
      回复
    • 阿旺
      阿旺
      2018-08-28回复 

      楼主解决了嘛 同样的需求

      2018-08-28
      赞
      回复
    •  
       
      2018-08-28回复阿旺

      没有用到这个组件，因为没有什么能够满足这个需求的方法，所以我只能自己做anmation动画了

      2018-08-28
      赞
      回复
    • 阿旺
      阿旺
      2018-08-28回复 

      动画移动的话，点击过快不会卡住嘛，就怕性能不好

      2018-08-28
      赞
      回复
请 登录 后发表内容
相关问题
相关文档