Jquery DIalog覆蓋和位置問題

Question

我正在製作一個具有模式Jquery對話框的網頁。當對話框打開時，一切似乎都很好，直到你開始滾動。如果滾動，則會看到疊加層不覆蓋整個網頁，直到對話框的位置。當我想要移動對話框時，當我滾動頁面時，對話框只是向下跳，這樣滾動距離就是鼠標和對話框之間的距離。

任何人都知道如何解決這些問題？編輯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"); 
         } 
        } 
       });