应用场景:当一个能滚动的页面,打开了弹出层,在滚动弹出层时底部页面跟着滚动,看着非常的不丝滑
解决思路:当打开弹出层时,控制底层页面不滚动,当关闭弹出层时,打开底层页面滚动
代码:
//弹出层关闭
document.body.style.overflow = 'auto';
document.documentElement.style.overflow = "auto"; //兼容性更好
//弹出层打开
document.body.style.overflow = 'hidden';
document.documentElement.style.overflow = "hidden"; //兼容性更好