設置div位置固定而頁面不跳

Question

我有一個模式對話框（jquery.dialog），當用戶單擊鏈接時會打開。 我想在對話框后面隱藏頁面上的滾動條，因此用戶將無法使用它。 這與overflow：hidden完美配合，但較舊的IE瀏覽器會導致整個頁面混亂，這是隱藏的。

因此，我想出了一個辦法使其在IE中起作用：我創建了一個div，該div覆蓋了頁面的全部內容，並將其設置為position：relative和width / height：100％。 然后隨時可以打開模態對話框，將位置設置為固定。 這使得溢出：在舊IE中隱藏工作。

現在，另一個問題出現了。 當用戶位於頁面底部並單擊鏈接時，將彈出對話框，但主頁跳至頂部。

我希望主頁盡可能保持原樣。 我該怎么辦？

謝謝。

顯示/關閉對話框的代碼：

節目：

$('#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事件的span而不是錨元素，可以避免重新放置窗口頂部的默認行為。