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

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

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

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

追答

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

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

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

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

divcssjs实现弹出框?
6、用js触发css的过渡效果可以用impress.js实现。HTML+CSS+JS实现点击超链接弹出文本框效果明白了这个就好办了,给弹出框的父标签加上属性position:relative,再调整一下偏移量(就是left或right,top或bottom的值)就可以了。通过window.open方法以弹出页面方式实现。通过window.showmodaldialog方法以弹出对话...

如何用js做一个网页无限弹出窗口把浏览器弹崩溃
利用while循环加快窗口打开 如果你觉得这样还不够恨,还可以在js中加入while语句,使一个网页就能不断循环来打开新窗口,而新窗口中又不断循环来打开新窗口,让新窗口成级数倍打被开。 script language="javascript" while(true) { window.open(window.location.href); } \/script 注意:尝试...

这种无边框的弹出窗口如何用JS实现?
window.open好像做不到这样无边框吧,用DIV,但DIV不是浮动的,也不能拖动,请高手指点,谢谢!另要求:可拖动,有关闭按钮!汗...自己竟然研究出来了,就用DIV,定义posit... window.open 好像做不到这样无边框吧,用DIV,但DIV 不是浮动的,也不能拖动,请高手指点,谢谢!另要求:可拖动,有关闭按钮!汗... 自己竟然研...

JS实现点击文本框改变背景颜色
当文本框失去焦点时,txtblur函数会被调用。在这个函数中,我们同样获取事件对象和触发事件的文本框元素,并将其背景色设置为白色。最后,我们将这些代码整合到一起,形成了完整的HTML页面。用户在使用过程中,只需点击文本框即可看到背景色的变化效果。这个简单的交互设计可以提升用户体验,使页面更加生动有...

js如何弹出页面js如何弹出页面窗口
有两个参数:第一个显示提示信息,第二个显示输入框的默认值。 3功能确认(“提示信息”),具有确认和取消功能; 有一个参数返回值true或false,即提示信息。 用法如下 在js中: 函数IsSure(){ 定义变量 mes=确认( if(mes==true){do 某物;} else{do 其他事情;} } "\/ 4功能窗口.open()的新提示页面弹出。

如何实现在一个网页中弹出多个不同的小窗口
【6、弹出的窗口之定时关闭控制】 下面我们再对弹出的窗口进行一些控制,效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的html中,可不是主页面中,否则...),让它10秒后自动关闭是不是更酷了? 首先,将如下代码加入page.html文件的区: function closeit() {settimeout("self...

网页制作中如何实现鼠标单击改变导航栏元素背景颜色的效果?
方法一:js+url,方法二:php语言判断,单单html+css实现不了你要的效果

提问:js如何弹出子窗口并父窗口不能操作
dialogargumentsalert(您传递的参数为:+obj.name)<\/script---2.可以通过window.returnvalue向打开对话框的窗口返回信息,当然也可以是对象。例如:---parent.htm

电脑高手请进(弹出好多网页)
修复方法:运行注册表编辑器,然后展开上述子键,将“Default_Page_UR”子键的键值中的那些篡改网站的网址改掉就好了,或者设置为IE的默认值。 篡改IE默认的搜索引擎 症状:在IE浏览器的工具栏中有一个搜索引擎的工具按钮,可以实现网络搜索,被篡改后只要点击那个搜索工具按钮就会链接到那个篡改网站。 涉及子键: HKEY_...

JS 如何实现从A网页的链接弹出B网页,在B中修改数据点击保存后自动关闭...
1、window.open('my.htm','','width=400,height=300') 父窗体仍可活动。2、基本介绍:showModalDialog() (IE 4+ 支持)showModelessDialog() (IE 5+ 支持)window.showModalDialog() 此方法用来创建一个显示HTML内容的模态对话框。window.showModelessDialog() 此方法用来创建一个...

相似回答