【CSS】自定义遮罩层下出现页面穿透及滚动解决方案

背景

当我们写自定义遮罩层时，下方的页面会出现滚动或者穿透

解决方案

一 、@touchmove.stop.prevent=“moveHandle” 禁止页面滑动
二、遮罩层显示时, 底部页面高度设置100vh，隐藏时取消高度设置
三、使用page-meta标签, style属性, < page-meta page-style=“overflow:hidden”></ page-meta>, 该方法仅针对真机, hbx内置浏览器不生效, 当允许页面滚动时 page-style=“” 优点 : 不限制页面高度