我使用Jquery对话框在页面顶部打开一个弹出框窗口。当我打开对话框时,我希望禁用常规页面滚动。要做到这一点,我正在做:
$('body').css({overflow:'hidden'});
对话框打开时,请执行以下操作:
$('body').css({overflow:'auto'});
对话框关闭时。
这是有效的,但当滚动条被移除时,后面的内容会向右移动,结果不是很好。
我尝试了另一种方法,创建了一个css类"noscroll",如下所示:
body.noscroll
{
position: fixed;
overflow-y: scroll;
width: 100%;
}
然后,代替前面的js代码,我在打开/关闭对话框时将这个类添加到主体中并将其删除。
现在,这适用于滚动条,并且后面的内容不会向右移动,但是使用这种方法,后面的内容会回到顶部。
因此,基本上method1使内容向右移动,而method2使内容回到顶部。
有没有人知道解决这个问题的办法?对话框打开时没有滚动到后面的内容,禁用滚动时也没有移动...?
https://stackoverflow.com/questions/12253802
复制相似问题