设置div位置固定而不跳页

Question

我有一个模态对话框（jquery.dialog），当用户点击链接时会打开它。我想隐藏对话框后面页面上的滚动条，因此用户将无法使用它。这与溢出完全正常：隐藏，除了旧的IE浏览器，这样做会弄乱整个页面。

所以我提出这个让它在IE中工作：我创建了一个覆盖整个页面内容的div并将其设置为position：relative和width / height：100％。然后，任何时候，模态对话框打开，位置设置为固定。这使得旧流程中的覆盖：隐藏工作。

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

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

谢谢。

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

显示：

$('#allContent').css({ position: "fixed" });

$('#viewJobPanel').dialog('open');

$('#allContent').css('overflow', 'hidden');

接近：

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

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

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

Answer 1

使用绑定到click事件而不是anchor元素的span来避免重新定位窗口顶部的默认行为。