2021-01-10
微信截图_20210106141258.png
方案一：
<view @touchmove.stop.prevent="moveHandle"></view>
methods: {
moveHandle() {}
方案二：或者可以用我下面的思路：
image.png
<view :class="mask ? 'tl-show': ''">
data() {
return {
mask: false,
}
}
// 如果要显示遮罩层，那么用css控制底部的不允许滚动。
.tl-show{
overflow: hidden;
position:fixed;
height: 100%;
width: 100%;
}
2021-01-10 方案一： 方案二：或者可以用我下面的思路： 如果要显示遮罩层，那么用css控制底部的不允许滚...
在页面上添加遮罩层，效果图如下： 弹出 fixed 弹窗后，在弹窗上滑动会导致下层的页面一起跟着滚动，给当前遮罩层...
实现遮罩效果 Html CSS 阻止遮罩层下的页面滚动 只需要在遮罩层上加上catchtouchmove='tur...
1.移动端禁止遮罩层下面的页面滑动 答：打开遮罩层的时候，给遮罩层下面的页面添加position:fixed属性，...
手动设置每个页面的标题 弹窗遮罩出来以后禁止滚动
方法一、touch触摸事件： 方法二、 css控制底层不允许滚动：
在做移动端遮罩层时，发现页面可以上下滚动，踩了N个坑之后，总算是解决了这个问题。 禁止滚动 给body设置宽高都是...
在遮罩层所在div添加属性 @touchmove.prevent
经过以上操作，当弹框出现的时候，给页面根节点添加一个固定定位，就可以实现遮罩层下面的页面不会随着屏幕滚动而滚动了。
移动端的禁止遮罩层下的内容滚动： 这是通过vue实现的屏蔽 touchmove 事件而实现的。https://ww...
本文标题：uniapp禁止遮罩层下的页面滚动 终极解决办法
本文链接：https://www.haomeiwen.com/subject/xhnkaktx.html
网友评论