原文：解决遮罩层上方元素可以滚动禁止遮罩层下方滚动问题
.通过js控制 方法一： 有兼容性问题,苹果和安卓低版本滑动时屏幕上下部分会闪动 打开遮罩层时： document.documentElement.style.overflowY hidden 禁止底层div滚动 关闭遮罩层时： document.documentElement.style.overflowY auto 取消禁止屏幕滚动 方法二： 有兼容性问题,苹果和安卓低版本滑动时屏幕上下部分 ...
2020-03-18 11:02 0 1497 推荐指数：
相关推荐
// 封装禁止页面滚动方法（该方法兼容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 ...
弹出遮罩层后，手指在手机上上下滑动 遮罩层下的页面出现滑动。下面代码解决这个问题 （1）触摸后不产生事件 （2）body不出现滚动条 $("body,.main").height($(window).height()).css({ "overflow-y ...
wxml //使用scroll-view包裹 scrolly-y要写 [scroll-view scroll-y class="mask-box" catchtouchmove='ture'] [vi ...
如果想遮罩层内容下的内容不滚动，需要去掉html,body的滚动条，自己设置滚动区域，设置height为100vh，遮罩层fixed定位 如果想遮罩层内容下的内容滚动，需要只需要设置为html，body滚动即可 ...
vue 遮罩层阻止默认滚动事件 在写移动端页面的时候,弹出遮罩层后，我们仍然可以滚动页面。 vue中提供 @touchmove.prevent 方法可以完美解决这个问题 <div class="dialog" @touchmove.prevent ></div> ...
弹窗是一种常见的交互方式，而蒙层则是弹窗必不可少的元素，用于隔断页面与弹窗区块，暂时阻断页面的交互。但是，我们会发现，当弹出遮罩层后，底层body的内容也是可以滚动，显然这不是我们想要的效果，而这个问题就是小萌最近开发项目时遇到的问题。 一个小程序的项目，是用MPVUE(一个使用 Vue.js ...