原文：小程序遮罩层禁止页面滚动（遮罩层内部可以滚动）
wxml 使用scroll view包裹 scrolly y要写 scroll view scroll y class mask box catchtouchmove ture view class box view scroll view wxss 样式 .mask box width: rpx height: rpx position: fixed top: left: margin top: ...
2019-12-27 11:53 0 1726 推荐指数：
相关推荐
// 封装禁止页面滚动方法（该方法兼容PC端和移动端）var topSpace = 0function BodyScroll (isState) { var bodyDoc = document.body if (isState) {topSpace = window.scrollYbodyDoc ...
1、css 样式： .mask{ background: rgba(59, 59, 59, 0.9); /* opacity: 0.9; */ position: fi ...
图示位置出现遮罩层，下面滚动； 原因： touchmove事件冒泡； 解决方法： 冒泡就要阻止，在遮罩层阻止冒泡，小程序里面 catch+时间名可以阻止冒泡， 所以 在遮罩层填上事件 catchtouchmove="preventdefault" 小程序 ...
<!-- 禁止滑动 添加catchtouchmove--> <view class='maskView' catchtouchmove='test'> <view class= 'mask-bg'> < ...
转自：https://www.jianshu.com/p/6fb10c78bbd7 实现遮罩效果 Html CSS 阻止遮罩层下的页面滚动 只需要在遮罩层上加上catchtouchmove='ture' 需要 ...
弹窗是一种常见的交互方式，而蒙层则是弹窗必不可少的元素，用于隔断页面与弹窗区块，暂时阻断页面的交互。但是，我们会发现，当弹出遮罩层后，底层body的内容也是可以滚动，显然这不是我们想要的效果，而这个问题就是小萌最近开发项目时遇到的问题。 一个小程序的项目，是用MPVUE(一个使用 Vue.js ...
在遮罩层添加 (前提使用vue)@touchmove.prevent HTML: ...