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

js

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