Javascript 在jquery ui模式对话框上使用浏览器默认滚动条

Javascript 在jquery ui模式对话框上使用浏览器默认滚动条,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,是否可以使用jQueryUI的对话框,并跨越整个浏览器高度 然后,如果有额外的页面,使用浏览器默认的滚动条上下移动,冻结覆盖后的页面其余部分 $(function() { $('#category_modal').dialog({ autoOpen: false, title: 'hello', modal: true, height: auto, width: 500, resizabl

是否可以使用jQueryUI的对话框,并跨越整个浏览器高度

然后,如果有额外的页面,使用浏览器默认的滚动条上下移动,冻结覆盖后的页面其余部分

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

不使用默认对话框。您可以使用CSS使对话框100%的高度/宽度和“溢出”文本可滚动。在CSS中,您的对话框将如下所示:

#dialog_box {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}
如果需要,还可以在对话框中放置iFrame。然而,这并不能完全“冻结”背景中的内容。用户始终可以选择背景并使用鼠标滚轮,或者只需使用浏览器的滚动条。使用
overflow-y
将在对话框边缘创建第二个滚动条,滚动其中的内容(如果需要)