Canvas的drawImage的BUG【严重】
发布于 5 年前 作者 guojing 10466 次浏览 来自 问答

环境：android 7.0

微信版本：6.5.7

图1中图片位置是一个200*200的canvas，图片通过wx.drawImage绘制，背景黑色半透明蒙层是绝对定位。

在蒙层上上下滑动时，就会如图2所示，图片脱离canvas随蒙层后面的内容一起滚动。

图1

图2

7 回复

@梁天智|Albie  我不知道如何禁止滚动事件，尝试过下面两种方式，都失败了。

1. 设置<page>的overflow: hidden 页面可以不滚动，但是并没有什么方式可以动态更改<page>的样式。

2. return掉弹层上的touch事件。并没有效果。

还请大神能支个招

@李嗽嗽 试了下不起作用。求截图代码。

@冰糖雪梨 这是page.json里面配置的，不是API

@李嗽嗽，这个disableScroll从哪里看到的。我怎么没有在API中找到呢

<view class=“mask”>

    <view class=“mask_modal”>

        <input  placeholder=“请输入信息”/>

    </view>

</view>

.mask{

  width: 100%;

  height:100%;

  position: fixed;

  top: 0;

  left: 0;

  background: rgba(0, 0, 0, 0.5);

}

不知道canvas可不可以，我这个遮罩层出来后屏幕是不滚动的

页面有禁止滚动的设置

canvas是原生组件，目前还不支持固定位置，滚动的时候会跟着页面一起滚动，后面我们会支持fixed的。

这里你可以暂时通过“吞掉”滚动事件的方式解决这个问题~

回到顶部