收藏
回答

微信小程序 在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>


非常感谢你的回答!


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

6 个回答

  • 真香定理
    真香定理
    2019-11-05

    已解决!https://blog.csdn.net/qq_41974199/article/details/102918895

    2019-11-05
    有用 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-18

    同问

    2018-01-18
    有用 1
    回复
  • p p
    p p
    2023-01-30

    同问

    2023-01-30
    有用
    回复
  • 徐某人
    徐某人
    2020-04-01

    同问


    2020-04-01
    有用
    回复
  • Z
    Z
    2018-01-08

    咋解决的?

    2018-01-08
    有用
    回复
登录 后发表内容