收藏
回答

微信小程序 在canvas画布上划动,如何阻止页面上下动?

问题模块 操作系统 操作系统版本 手机型号 微信版本
客户端 iOS f11.2.1 iphone x 6.6.1

大家好,请教一个问题,:

我在做一个用canvas画图的小程序,但我在画时,真机上(iphone x)页面总是跟着上下动,在开发者工具上调试确不会滑动,怎么解决呢?

知乎上也有人提过这个,尝试了下面解决方案,但还是不行:


1.start,move,end,3个方法都有绑定触摸事件

<canvas class="container" disable-scroll="true" bindtouchstart="start" bindtouchmove="move" bindtouchend="end"  canvas-id="canvas" > 

</canvas>


2.使用scroll-view为节点,加上一些属性配置

<scroll-view scroll-x="true" scroll-y="true" class="container"  bindtouchstart="start" bindtouchmove="move" bindtouchend="end" >

</scroll-view>


非常感谢你的回答!


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

3 个回答

  • 唯“1”期盼
    唯“1”期盼
    2018-08-30

    a.在canvas上设置disable-scroll属性,禁止canvas进行上下滑动,并且还要设置一个触摸事件才能生效

    <canvas  disable-scroll="true"></canvas>

    b.在当前页面的page页面中设置

    "disableScroll":true


    2018-08-30
    赞同 1
    回复 1
    • 李佳
      李佳
      2018-12-04

      你好 我这样设置了 但canvas还是可以上下滑动?

      2018-12-04
      回复
  • 小师叔
    小师叔
    2018-01-08

    咋解决的?

    2018-01-08
    赞同
    回复
  • 海上生明月
    海上生明月
    2018-01-18

    同问

    2018-01-18
    赞同
    回复