Question

JS高手请进，如何实现网页弹出框后背景灰掉不能滑动的效果？不胜感激！

问题描述：现在我做了一个了可以编辑信息的页面，点击保存信息会弹出一个对话框，背景灰掉，现在的问题是弹出框后，背景虽然灰掉不能编辑信息了，但是还是可以上下滑动，请问怎么才能实现弹出对话框背景灰掉的同时，底层的页面不能上下滑动呢？请告诉赐教，谢谢！

Answer 1

试试在弹出对话框后，将body的高设置为100%，overflow设置为hidden。

追问

弹出框还是在同一个页面，弹出框消失后页面还是要继续滑动和编辑，请问这个动态的CSS怎么写呢？请赐教，谢谢！

追答

弹出框消失后将body的overflow属性设置为auto就行了。。。。

wnd.open()//弹出框弹出
document.body.style.overflow = "hidden";

wnd.close()//弹出框关闭
document.body.style.overflow = "auto";
差不多就行了吧。