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

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

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

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

追答

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

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

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

温馨提示:内容为网友见解,仅供参考
无其他回答
相似回答