html遮罩层禁止滚动条滚动,移动端弹出遮罩层禁止页面滚动，遮罩里面的框允许滚动...

var ModalHelper = (function(bodyCls) {

var scrollTop;

return {

afterOpen: function() {

scrollTop = document.scrollingElement.scrollTop;

document.body.classList.add(bodyCls);

document.body.style.top = -scrollTop + 'px';

},

beforeClose: function() {

document.body.classList.remove(bodyCls);

// scrollTop lost after set position:fixed, restore it back.

document.scrollingElement.scrollTop = scrollTop;

}

};

})('modal-open');

给body加class为model-open，样式为position:fixed;width:100%;

注意：当遮罩层显示时给body加class，隐藏时body的class移除。原文链接：https://uedsky.com/demo/modal-scroll.html