相关疑难解决方法(0)

我正在使用Jquery对话框在页面顶部打开一个弹出框窗口.当我打开对话框时,我希望禁用常规页面滚动.为此,我正在做:

$('body').css({overflow:'hidden'});

对话框打开时,:

$('body').css({overflow:'auto'});

对话框关闭时

这有效,但是当删除滚动条时,后面的内容会向右移动,结果不太好.

我尝试了另一种方法,通过创建一个css类"noscroll",如下:

body.noscroll
{
    position: fixed; 
    overflow-y: scroll;
    width: 100%;
}

然后,而不是以前的js代码,我在对话框打开/关闭时添加并删除此类到正文.

现在这适用于滚动条,后面的内容不会向右移动,但使用此方法后面的内容会返回到顶部.

因此,基本上,method1使内容向右移动,而method2使内容移回到顶部.

有谁知道这方面的解决方案？对话框打开时没有滚动后面的内容,禁用滚动时没有移动...？