jQuery UI模式對話框：如何滾動對話窗口而不滾動主窗口？

Question

jQuery UI modal dialog。

如果對話框的高度大於主窗口的高度，我們可以向下滾動這個對話框，但是主窗口也會在它後面滾動（在背景上）。

打開對話框並向下滾動時是否可以修改主窗口？

謝謝！

Answer 1

你可以試試這個：

$('#yourDialog').hover(function(){ 

    // on hover 

    $('body').css({'overflow':'hidden'}); 

}, function(){ 

    // off hover 

    $('body').css({'overflow':'visible'}); 

}); 

Answer 2

爲別人尋找一個回答這個問題，this post提供以下作爲一個答案：

create: function(event, ui) { 
     $("body").css({ overflow: 'hidden' }) 
    }, 
    beforeClose: function(event, ui) { 
     $("body").css({ overflow: 'inherit' }) 
    } 

此外，確保高度或maxHeight選項設置在對話框中，否則它將不顯示滾動條。