JS禁止屏幕滚动（遮罩层弹出后），移动端+桌面端

如果想让遮罩层弹出后，屏幕不能滚动，可以设置 body 的样式：

overflow:hidden；

单独设置body的样式只能在桌面浏览器内起作用，移动端并不管用，还需要给 html 元素也设置一样的样式，并且都加上：

html,body {
    height: 100%;
    overflow: auto;
}

点击出现遮罩层后，要设置overflow属性为hidden，并且为了防止页面滚动到顶部，还要在jq加载后增加一个scrollTop，下边是给出 jQuery 的设置方法：

$(document).ready(function() {
    $('html,body').scrollTop(0)
})
// 点击出现遮罩层之后执行：
$('body,html').css('overflow', 'hidden')

当关闭遮罩层时，记得要恢复原来的样式：

$('body,html').css('overflow', 'auto')