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

在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');
}