遮罩层禁止滚动

移动端经常遇到弹出层，为了凸显弹出层会加一个遮罩层

例如下图

遮罩层的样式

<div class="mask"></div>

.mask{
	width:100vw;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	position: fixed;
	top:0;
	left:0;
	display:none;
    z-index:44;
} 

  可是这时会有一个问题，就是即使给遮罩层设为跟屏幕一样高一样宽，但一滚轮或手动时地下的页面如超过一屏任会滚

  我的解决方法是在遮罩层阻挡touch事件 亲测有效 嘿嘿    (￣▽￣)~*

$('.mask').bind("touchmove", function (e) {
     e.preventDefault();
});