在jquery UI模态对话框上使用浏览器默认滚动条

use browser default scrollbar on jquery ui modal dialog

本文关键字：浏览器 默认 滚动条 jquery UI 模态 对话框      更新时间：2023-09-26

是否可以使用jquery ui的对话框，并跨越整个浏览器高度?

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

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

未使用默认对话框。你可以让对话框100%的高度/宽度和"overflow"文本使用CSS可滚动。你的对话框在CSS中看起来像这样:

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

如果你想的话，你也可以在对话框里放一个iFrame。然而，这并不能完全"冻结"背景中的内容。用户总是可以选择背景并使用鼠标滚轮或简单地使用浏览器的滚动条。使用overflow-y将在对话框边缘创建第二个滚动条，该滚动条将滚动其中的内容(如果您需要)。

相关文章：