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选项设置在对话框中，否则它将不显示滚动条。