收藏
回答

swiper 如何禁止用户手动滑动,只自动播放

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 需求 swiper 客户端 7.0.3 2.6.0

swiper 仅用于幻灯片自动播放,但不允许用户手动滑动。有参数设定吗?

我在搜了一下网上用的:

<swiper-item catchtouchmove="stopTouchMove"></swiper-item >

这个方法正常用起来感觉是可以的,但我发现一个小bug:

假设 A、B两页

用js代码滑动改变swipercurrent,从A页滑动到B页的一瞬间(B页面出来十分之一前),手指反方向滑动回去,能将页面换会A页



最后一次编辑于  02-19  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

3 个回答

  • 管凯旋
    管凯旋
    02-19

    最简单不是swiper上加一个遮罩层吗。。。

    02-19
    赞同
    回复 4
    • 卢霄霄
      卢霄霄
      02-19

      给swiper加个 pointer-events:none,能阻止吗

      02-19
      回复
    • 卢霄霄
      卢霄霄
      02-19

      没试过。。

      02-19
      回复
    • Kenny.Law
      Kenny.Law
      02-19

      好办法,但还是希望以后升级,能通过给swiper加个参数设定来解决,那就更完美了

      02-19
      回复
    • 仙森ღ₅₂₀¹³¹⁴
      仙森ღ₅₂₀¹³¹⁴
      03-01

      我们是做 文字通知消息 上下轮播。然后是上面加个浮层定位上去opacity设为0。

      03-01
      回复
  • cunjinli
    cunjinli
    02-19

    你的反馈我们已收到,我们会在后续的版本中考虑增加类似功能。

    02-19
    赞同
    回复 1
    • L°
      06-18

      catchtouchmove这个属性似乎加了也不能阻止手动滑动呀


      06-18
      回复
  • Yayure
    Yayure
    04-18

    在swiper那写个捕获方法capture-catch:touchmove="capturecatchtouchmove"

    04-18
    赞同
    回复