移动端弹窗滚动穿透问题.md

移动端弹窗滚动穿透问题

最简单处理

html,body{
  overflow:hidden
}

1.当弹出出现的时候,设置body的position为fixed,并设置overflow为hidden

document.body.style.position = 'fixed';
document.body.style.overflow = 'hidden';

当弹层取消

document.body.style.position = 'relative';
document.body.style.overflow = 'auto';

2.只需要改变oveeflow：当弹出出现的时候,设置body的position为fixed,并设置overflow为hidden

document.body.style.overflow = 'hidden';

当弹层取消

document.body.style.overflow = 'auto';

更多方法 移动端弹窗滚动穿透问题