解决遮罩穿透滚动的问题

针对很多弹出层的遮罩显示后仍然可以滚动底层页面的问题

方法一：

显示弹框时设置页面高度为100%，且溢出隐藏，关闭弹框时放开原先的设置

// 打开弹框时
let body = document.querySelector('body');
body.style.overflow = 'hidden';


// 关闭弹框时
let body = document.querySelector('body');
body.style.overflow = 'auto';

方法二：

手机端部分机型以上方法不奏效（ios12.0）,可创建touchmove监听器来禁止页面滚动事件

function preventDefault(event){
   event.preventDefault();
},


// 弹框打开时
document.body.addEventListener('touchmove', preventDefault, false);


// 弹框关闭时
document.body.removeEventListener('touchmove', preventDefault, false);