移动端处理弹框穿透问题

添加一个样式  

body.modal-open{

position: fixed;

 width: 100%;

}

然后在点击弹框的时候调用  ModalHelper .afterOpen();关闭的时候 ModalHelper .beforeClose();

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.body.style.top = 0;
document.scrollingElement.scrollTop = scrollTop;
}
};
})('modal-open');

转载于:https://www.cnblogs.com/aotuboke/p/11096675.html