在jquery ui模式對話框中使用瀏覽器默認滾動條

Question

是否有可能使用jquery ui的對話框，並跨越整個瀏覽器高度？

然後，如果有多餘頁面，請使用瀏覽器默認滾動條上下滾動，凍結疊加後面的其餘頁面？

$(function() 
    { 
    $('#category_modal').dialog({ 
     autoOpen: false, 
     title: 'hello', 
     modal: true, 
     height: auto, 
     width: 500, 
     resizable: false 
    }); 
}); 

Answer 1

不使用默認的對話框。您可以使用CSS滾動對話框的100％高度/寬度和「溢出」文本。你的對話框在CSS中看起來像這樣：

#dialog_box { 
    width: 100%; 
    height: 100%; 
    overflow-y: scroll; 
} 

如果你願意，你也可以在對話框中放置一個iFrame。但是，這並不是完全「凍結」背景中的內容的方法。用戶可以隨時選擇背景並使用鼠標滾輪或只需使用瀏覽器的滾動條。使用overflow-y將在對話框的邊緣創建第二個滾動條，以滾動內容（如果需要）。