小程序
小游戏
企业微信
微信支付
扫描小程序码分享
环境:android 7.0
微信版本:6.5.7
图1中图片位置是一个200*200的canvas,图片通过wx.drawImage绘制,背景黑色半透明蒙层是绝对定位。
在蒙层上上下滑动时,就会如图2所示,图片脱离canvas随蒙层后面的内容一起滚动。
图1图2
7 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
<view class="mask">
<view class="mask_modal">
<input placeholder="请输入信息"/>
</view>
.mask{
width: 100%;
height:100%;
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
}
不知道canvas可不可以,我这个遮罩层出来后屏幕是不滚动的
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
@李嗽嗽 试了下不起作用。求截图代码。
@冰糖雪梨 这是page.json里面配置的,不是API
@李嗽嗽,这个disableScroll从哪里看到的。我怎么没有在API中找到呢
页面有禁止滚动的设置
@梁天智|Albie 我不知道如何禁止滚动事件,尝试过下面两种方式,都失败了。
1. 设置<page>的overflow: hidden 页面可以不滚动,但是并没有什么方式可以动态更改<page>的样式。
2. return掉弹层上的touch事件。并没有效果。
还请大神能支个招
canvas是原生组件,目前还不支持固定位置,滚动的时候会跟着页面一起滚动,后面我们会支持fixed的。
这里你可以暂时通过“吞掉”滚动事件的方式解决这个问题~
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
<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可不可以,我这个遮罩层出来后屏幕是不滚动的
@李嗽嗽 试了下不起作用。求截图代码。
@冰糖雪梨 这是page.json里面配置的,不是API
@李嗽嗽,这个disableScroll从哪里看到的。我怎么没有在API中找到呢
页面有禁止滚动的设置
@梁天智|Albie 我不知道如何禁止滚动事件,尝试过下面两种方式,都失败了。
1. 设置<page>的overflow: hidden 页面可以不滚动,但是并没有什么方式可以动态更改<page>的样式。
2. return掉弹层上的touch事件。并没有效果。
还请大神能支个招
canvas是原生组件,目前还不支持固定位置,滚动的时候会跟着页面一起滚动,后面我们会支持fixed的。
这里你可以暂时通过“吞掉”滚动事件的方式解决这个问题~