收藏
回答

禁止小程序窗口滚动方法有吗?

禁止小程序窗口滚动方法有吗?

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

6 个回答

  • 马亚朋
    马亚朋
    2018-05-17

    在微信小程序里面的弹出框有时候不能满足我们的需求,需要自己写弹出框,但是要保证页面不要上下滑动,解决方法是在遮盖层上用绑定手指触摸事件catchtouchstart

    微信小程序有bindcatch两种事件绑定方法,bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡。我们使用catch绑定手指触摸事件,然后他的父节点就不会收到事件冒泡,这样就实现了禁止页面上下滑动

    2018-05-17
    有用 1
    回复 2
    • Tokgo
      Tokgo
      01-09
      uniapp可以用@touchstart.stop="() => false"来实现,但是会导致该容器下面的click事件都被阻止。
      01-09
      1
      回复
    • Tokgo
      Tokgo
      01-09回复Tokgo
      可以使用@touchmove.stop="() => false"不用@touchstart.stop
      01-09
      回复
  • sendy
    sendy
    2017-06-12

    页面有一个可拖曳image,想实现在拖曳的时候禁止页面滚动。

    2017-06-12
    有用 1
    回复 1
    • 花尽尘香
      花尽尘香
      2021-09-13
      解决了没?
      2021-09-13
      回复
  • CCY
    CCY
    2018-05-04

    scroll-view  的话 scroll-y=‘false’


    安卓能锁定 但是ios的无法锁定


    2018-05-04
    有用
    回复
  • sendy
    sendy
    2017-06-12

    没有用到scroll-view。在page中用overflow:hidden在拖曳的时候会闪屏。

    2017-06-12
    有用
    回复
  • You can you up
    You can you up
    2017-06-12

    scroll-view  的话scroll-y=‘false’

    view 的话  overflow:hidden

    感觉你用的这个

    movable-area


    2017-06-12
    有用
    回复
  • You can you up
    You can you up
    2017-06-12

    什么标签 什么场景啊

    2017-06-12
    有用
    回复
登录 后发表内容