遮罩层弹出框页面滚动
时间：2023-04-06 00:02:01
HTML5
第一种情况比较简单，弹框和页面都不可滚动
这是一个盒子
这是一个盒子
这是一个盒子
.mask{位置：固定；顶部：0；左：0；z-指数：999；宽度：100%；高度：100%；显示：无；背景：rgba(0,0,0,.7);}.box{位置：绝对；顶部：50%；左：50%；转换：translate3d(-50%,-50%,0);填充：10px；背景：#fff；文本对齐：居中；}varoBtn=document.getElementById("btn")，oMask=document.getElementById("mask")，oBox=document.getElementById("box")，oClose=document.getElementById("close");oBtn.onclick=()=>{oMask.style.display='block';}oClose.onclick=()=>{oMask.style.display='none';}oMask.addEventListener('touchmove',(e)=>{e.preventDefault();});第二种情况弹框可以滚动，但是页面不能滚动1.移动端兼容性不好，可以应用到PC端
这是一个盒子
这是一个盒子
这是一个盒子
这是一个盒子
这是一个盒子
这是一个盒子
这是一个盒子一个盒子
