Javascript 将div位置设置为固定而不跳页

我有一个模态对话框jquery.dialog，当用户单击链接时打开。我想将页面上的滚动条隐藏在对话框后面，这样用户将无法使用它。这可以很好地处理溢出：隐藏，除了旧的IE浏览器，这样做会弄乱整个页面

所以我想出了一个方法，让它在IE中工作：我创建了一个div，它覆盖了页面的全部内容，并将其设置为位置：相对和宽度/高度：100%。然后，任何时候，模态对话框打开，位置设置为固定。这使得过度流动：旧IE中的隐藏工作

现在，另一个问题出现了。当用户位于页面底部并单击链接时，会弹出对话框，但主页会跳到顶部

我希望主页保持完整，如果可能的话。我怎样才能做到

多谢各位

显示/关闭对话框的代码：

展示：

关闭：

$('#allContent').css('overflow', 'visible');
$('#allContent').css({ position: "relative" });
$('#viewJobPanel').dialog('destroy');

当用户点击链接时，我有这个事件处理程序

e.preventDefault();
e.stopPropagation();

---

使用绑定到单击事件的范围而不是锚元素，以避免重新定位窗口顶部的默认行为。

显示代码。我最好的猜测是，由于链接中存在散列，页面跳转到顶部。我将代码添加到我的问题帖子中，发布您链接的HTML，modalI不会删除模式后面页面上的滚动条，只需让模式跟随用户滚动即可。

e.preventDefault();
e.stopPropagation();