<div class="toast_box" v-if="qrCodeShow" @click.self="hide" @touchmove.prevent @mousewheel.prevent>
</div>
.toast_box {
/* position: absolute; */
position: fixed;
z-index: 999999999;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
}
position设置为absolute
image.png
position设置为fixed
image.png
CSS position的值由absolute改为fixed，可以解决弹框前已经滚动个屏幕，且滚动范围大于屏幕时,...
人不狠话不多，就一句，好记性不如烂笔头。 vue项目里的禁止以及恢复滚动 // 遮罩层弹出时禁止滑动 d...
方法一： 方法二：
需求：在弹出蒙层之后，底部页面不会滚动，关闭蒙层恢复滚动时，还在原先的位置 网上查找的方法：方案：在禁止时，doc...
移动端的禁止遮罩层下的内容滚动： 这是通过vue实现的屏蔽 touchmove 事件而实现的。https://ww...
滚动弹出层时，禁止底部body滚动
手动设置每个页面的标题 弹窗遮罩出来以后禁止滚动
js禁止页面发生滚动以及恢复 vue中禁止页面发生滚动 恢复滚动 总结 在Vue组件一个属性, 用于存储禁止滚动函...
小程序中自定义遮罩在项目中 可能会遇见 内部dome高度超过100% 出现滚轮。遮罩弹出 依旧可以滚动遮罩后的内容...
在开发移动web的时候，相信大家都会遇到当有 fixed定位遮罩层弹出时，在屏幕上滑动能够滑动背景下面的内容，这在...
本文标题：vue弹出遮罩 禁止滚动的做法
本文链接：https://www.haomeiwen.com/subject/ucialltx.html
网友评论