解决微信小程序遮罩层底部页面滚动

一、wxml文件添加catchtouchmove=“move”。

<view class="" class="zzc" hidden="{{zzc}}"  catchtouchmove="move"><view class="absolute " style="bottom: 10vh;left: 0;right: 0;"><view class="dpcc relative"><image src="../../static/yyga.png" mode="widthFix" style="width: 80%;margin: 0 auto;"></image><view class="absolute" style="bottom: 150rpx;width: 50%;margin: 0 auto; text-align: center;line-height: 1.5;font-size: 30rpx;color: #333;">很抱歉，本活动仅业主可参加</view><view bindtap="gbzzc" class="absolute" style="bottom: 0;left: 0;right: 0;width: 50%;margin: 0 auto;height: 70rpx;"></view></view></view>
</view>

二、js添加 move:function(){},。

    move:function(){},

写完之后即可解决，微信开发者工具可能会不生效，但是预览生效

# 解决微信小程序遮罩层底部页面滚动相关推荐

解决微信小程序遮罩层下方内容滚动问题
在遮罩层添加下面代码,阻止冒泡 capture-catch:touchmove="preventdefault"
微信小程序遮罩层悬浮窗踩坑
总结一下踩坑的几个点: 有遮罩层之后底层的页面还会触发滚动遮罩层只在页面初始的地方有,如果滚动到下方就没有了如图,这样肯定是不符合需求的,先看一下这个不太符合需求的代码 .wxml <!-- ...
解决微信小程序中在其他页面无法使用app.js中获取的userInfo或openid的问题
问题最近写小程序中,在app.js里获取用户的openid和userinfo,并存储为全局变量: getUserInfo: function () {var that = thiswx.getUse ...
解决微信小程序输入文本时候页面上移
第1个属性:adjust-position 默认开始,可以忽略,注意兼容性即可. 第2个属性:cursor-spacing.核心属性把这个值设为同input.textarea一样的高度即可,注意单 ...
uniapp 判断页面是否是横竖屏,解决微信小程序video组件全屏播放视频遮盖自定义播放控件问题
如果res.deviceOrientation 等于landscape 的话是竖屏,portrait则是横屏.因为用户每旋转一次屏幕就会触发里面的onShow钩子,因此在页面显示或横竖屏变化都会触发这 ...
微信小程序渲染层错误：可以在AppData中获取到值但无法渲染到页面
微信小程序渲染层错误:可以在AppData中获取到值但无法渲染到页面 1.遇到的问题: 2.解释: 3.附上正确的完整代码: 在我跟着视频(bili:BV1nE41117BQ)P78 学做小程序的过程 ...
解决微信小程序使用switchTab跳转后页面不刷新的问题
解决微信小程序使用switchTab跳转后页面不刷新的问题参考文章: (1)解决微信小程序使用switchTab跳转后页面不刷新的问题 (2)https://www.cnblogs.com/mmyk ...
php小程序中的页面如何换行,解决微信小程序scroll-view换行问题
今天在写小程序的时候使用了scroll-view,但是发现在scroll-view中一行文字不能换行,代码如下: asdhadjhkajshdkjahsdkjasdajsdhkajsdkajsdkaj ...
小程序遮罩层（阻止事件穿透）
小程序遮罩层(阻止事件穿透) 若弹出层没有滚动事件直接在蒙板上加catchtouchmove="preventTouchMove" 即可 <view class=&quo ...

# 解决微信小程序遮罩层底部页面滚动

解决微信小程序遮罩层底部页面滚动

# 解决微信小程序遮罩层底部页面滚动相关推荐

最新文章

热门文章