Jqueryオーバーレイと位置に関するDIalogの問題

Question

モーダルのJqueryダイアログを持つWebページを作成しています。あなたがスクロールを開始するまで、ダイアログが開いても問題はありません。スクロールすると、オーバーレイがダイアログ全体のポイントまでウェブページ全体をカバーしていないことがわかります。そして、私がダイアログを移動したいとき、私がページをスクロールしたとき、ダイアログはちょうど下に飛ぶので、スクロール距離はマウスとダイアログの間の距離です。

これらの問題を解決する方法を知っている人はいますか？

編集1： オーバーレイサイズに問題があります。

.ui-widget-overlay { 
    position:fixed; 
} 

編集2：

jQuery("#markusPopUp").dialog({ 
        resizable: false, 
        height: 375, 
        modal: true, 
        buttons: { 
         "Kinnita": function() { 
          //Some action 
         }, 
         "Katkesta": function() { 
          jQuery(this).dialog("close"); 
         } 
        } 
       }); 

<div id="markusPopUp" style="display:none" title=" title"> 
    <div id="eelmised" style="word-wrap: break-word;"></div> 
    <textarea id="markus"></textarea> 
</div> 

Answer 1

はあなたのコードにこれを追加してみいくつかのコード：

jQuery("#markusPopUp").dialog({ 
        resizable: false, 
        height: 375, 
position: { my: "center", at: "center", of: window }, 
        modal: true, 
        buttons: { 
         "Kinnita": function() { 
          //Some action 
         }, 
         "Katkesta": function() { 
          jQuery(this).dialog("close"); 
         } 
        } 
       });