在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将在对话框的边缘创建第二个滚动条，用于滚动内容（如果需要）。