微信公众号-遮罩层禁止屏幕滚动

在html中写出遮罩层

<div id='cover'></div>
<button id='btn'></button>

在style里写遮罩层的样式

<style>
html,body{
width:100%;
height:100%;
}
#cover{
width:100%;
height:100%;
display:none;
postion:fixed;
z-index:99;
top:0;
}
.forbidScroll{
overflow:hidden;
}
</style>

另外：要用JS控制在遮罩层显示的时候，禁止屏幕滑动

var cover = document.getElementById('cover');
var btn = document.getElementById('btn');

btn.onclick = function(){
cover.style.display = 'bolck';
$('html,body').addClass('forbidScroll');
}