ページジャンプなしで固定のdiv位置を設定

Question

ユーザーがリンクをクリックしたときに開くモーダルダイアログ（jquery.dialog）があります。ダイアログの背後にあるページのスクロールバーを非表示にして、ユーザーがそれを使用できないようにします。これはオーバーフローと完全に正常に動作します：それを行うときにページ全体を混乱させる古いIEブラウザ以外は隠されています。

私はこれをIEで動作させるために考えました。ページの内容全体をカバーしているdivを作成し、相対位置と幅/高さ：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

spanは、アンカー要素ではなくクリックイベントにバインドされ、ウィンドウの上部を再配置するデフォルトの動作を回避します。