问js/css :禁用滚动条，但保留滚动位置

EN

我使用Jquery对话框在页面顶部打开一个弹出框窗口。当我打开对话框时，我希望禁用常规页面滚动。要做到这一点，我正在做：

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

对话框打开时，请执行以下操作：

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

对话框关闭时。

这是有效的，但当滚动条被移除时，后面的内容会向右移动，结果不是很好。

我尝试了另一种方法，创建了一个css类"noscroll"，如下所示：

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

然后，代替前面的js代码，我在打开/关闭对话框时将这个类添加到主体中并将其删除。

现在，这适用于滚动条，并且后面的内容不会向右移动，但是使用这种方法，后面的内容会回到顶部。

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

有没有人知道解决这个问题的办法？对话框打开时没有滚动到后面的内容，禁用滚动时也没有移动...？