小程序遮罩层禁止页面滚动（遮罩层内部可以滚动）
wxml //使用scroll-view包裹 scrolly-y要写 [scroll-view scroll-y class="mask-box" catchtouchmove='ture'] [vi ...
原文：小程序禁止遮罩滚动
lt 禁止滑动 添加catchtouchmove gt lt view class maskView catchtouchmove test gt lt view class mask bg gt lt image class mask image src .. .. resouce home home pop.png mode widthFix gt lt image gt lt text c ...
2019-02-20 15:19 0 605 推荐指数：
相关推荐
小程序 遮罩层，阻止下面滚动；
图示位置出现遮罩层，下面滚动； 原因： touchmove事件冒泡； 解决方法： 冒泡就要阻止，在遮罩层阻止冒泡，小程序里面 catch+时间名可以阻止冒泡， 所以 在遮罩层填上事件 catchtouchmove="preventdefault" 小程序 ...
小程序弹窗禁止页面滚动
弹出 fixed 弹窗后，在弹窗上滑动会导致下层的页面一起跟着滚动。 解决方法： 在弹出层加上 catchtouchmove 事件 示例代码： <view class="modal-view" hidden="{{!showModal}}" bindtap ...
微信小程序中遮罩层的滚动穿透问题
如果弹出层没有滚动事件: 如果弹出层有滚动事件，那么在弹出层出现的时候给底部的containerView加上一个class 消失的时候移除。 ...
微信小程序实现遮罩及阻止遮罩层下的页面滚动
转自：https://www.jianshu.com/p/6fb10c78bbd7 实现遮罩效果 Html CSS 阻止遮罩层下的页面滚动 只需要在遮罩层上加上catchtouchmove='ture' 需要 ...
遮罩层下禁止页面滚动
// 封装禁止页面滚动方法（该方法兼容PC端和移动端）var topSpace = 0function BodyScroll (isState) { var bodyDoc = document.body if (isState) {topSpace = window.scrollYbodyDoc ...
mask 遮罩层弹窗禁止页面滚动
1、css 样式： .mask{ background: rgba(59, 59, 59, 0.9); /* opacity: 0.9; */ position: fi ...