页面中经常会遇到弹出层的部件，当弹出层激活时覆盖整个页面，且背景部分不能滚动。实现起来有以下要点：
弹出层
position设置为fixed，四个定位锚点均设为0；激活弹出层时给html和body设置
overflow: hidden;；
以下是实践：
为了让彻底禁止滚动，还可以在mousewheel和touchmove事件（分别对应PC和移动端）中调用preventDefault()方法：
function forbidScroll(e) {
e.preventDefault && e.preventDefault();
e.returnValue = false;
e.stopPropagation && e.stopPropagation();
return false;
}需要注意的是：chrome默认将touchmove事件视为passive，目的是提高用户体验，让处理一般事件时页面一样可以滚动，所以addEventListener的第三个参数需设置为：
{
passive:false
}