禁止蒙层底部页面跟随滚动

禁止蒙层底部页面跟随滚动

1 pc 端设置body overflow hidden hight:100%;

兼容性不好，适用于pc，移动端就尴尬了。
部分安卓机型以及safari中，无法无法阻止底部页面滚动

若应用场景是全平台:

let bodyEl = document.body
let top = 0

function stopBodyScroll (isFixed) {
if (isFixed) {
top = window.scrollY

bodyEl.style.position = 'fixed'
bodyEl.style.top = -top + 'px'
} else {
bodyEl.style.position = ''
bodyEl.style.top = ''

window.scrollTo(0, top) // 回到原先的top
}
}