移动端的弹窗滚动禁止body滚动

弹窗展示列表，可滚动，而滚动到底部就会穿透到body滚动

1、body { overflow: hidden };

点击弹出的时候 document.body.style.overflow = 'hidden';

关闭弹窗时：document.body.style.overflow = 'auto';

 

但听说overflow:hidden; 安卓高版本不起作用，需配合

document.body.style.position= 'fixed';(有待验证)

 

2、点击弹出的时候body

{ position:：fixed； top： 0 ； left：0 };

 

3、 阻止事件冒泡

弹框的蒙层加addEventListener(‘touchmove’, function(e){ e.preventDefault() })；