最近，该项目在掩模层遇到了一些问题。



弹射覆盖层



有很多方法可以弹出遮罩层。在这里，我只写我的代码中使用，和使用的方法来操作DOM的JQ。












# BG是一个透明度0.6，面膜页。盒子在遮罩层的按钮。




流行色/面具
$（# BG）。Css（{
显示：块
}）；
var =；
box.css美元（{
在左侧距离设置弹出位置
左：（$（体），Width（）（）box.width美元） / 2-5PX
在距离上方设置弹出位置
上图：（$（窗口），Height（）（）box.height美元）+ $（窗口），ScrollTop（）+PX
显示：块
}）；


一个触发掩码在掩码高度设置后，为整个页面的高度和可见性可见，然后按位置布局按钮的位置设置，注意顶部属性添加滚轮高度，这将确保我们将始终处于视线内的按钮。



当您关闭掩码时，只需要设置可见性。



设计素描


遇到的问题



功能可以实现，但也存在一些不足。例如，当页面太长时，掩码层会随着页面滑动，按钮的位置会改变。




解决PC端



在PC端的解决办法是取消现有的滚动条时，掩模层突然达到连轴转的影响。



也就是说，加上溢出：隐藏属性体，IE6，7将不起作用，你需要添加溢出：隐藏属性的HTML。



移动端的解决方案



在移动端的滚动条的取消并不有效，并对掩模层touchmove违约事件和按钮层去除。代码如下：




$（'。箱，# BG）。Bind（touchmove
E.preventDefault（）；
}）；