禁止蒙层底部页面跟随滚动

场景概述弹窗是一种常见的交互方式，而蒙层是弹窗必不可少的元素，用于隔断页面与弹窗区块，暂时阻断页面的交互。但是，在蒙层元素中滑动的时候，滑到内容的尽头时，再继续滑动，蒙层底部的页面会开始滚动，显然这不是我们想要的效果，因此需要阻止这种行为。那么，如何阻止呢？请看以下分析：方案分析方案一打开蒙层时，给body添加样式：overflow: hidden;height: 100%;在某些机型下，你可能还需要给根节点添加样式：overflow: hidden;关闭蒙层时，移除以上样式。优点：简单方便，只需添加css样式，没有复杂的逻辑。缺点：兼容性不好，适用于pc，移动端就尴尬了。部分安卓机型以及safari中，无法无法阻止底部页面滚动。如果需要应用于移动端，那么你可能需 ………………………………