javascript - Jquery对话框高度和垂直滚动条

Question

我正在通过 ajax 返回数据以填充 jquery 对话框。 ajax 基本上是一个具有可变行数的 html 表。

我希望对话框展开以显示行，最大为某个垂直大小 (350px)，此时它应该显示一个垂直滚动条。

因此，这似乎工作正常 - 对话框根据行数正确调整大小。但是，我从来没有得到垂直滚动条 - 所以如果我有 20 行，那么我只能看到最后 9 行。

如果高度超过 350 像素，如何强制垂直滚动条？

$.ajax({
    type: 'POST',
    url: 'myurl',
    data: postdata,
    dataType: 'json',
    success: function (result) {
        if (result.success && result.data) {
            var $dialog = $('<div></div>').html(result.data).dialog({
                autoOpen: false,
                title: 'History',
                modal: true,
                height: Math.min((result.rows * 25) + 150, 350),
                width: 800
            });
            $dialog.dialog('open');

        }
        event.preventDefault();
    }
});

Answer 1

您应该为内容 div 添加 css 属性 overflow:auto。

$("<div></div>").css({height:"350px", overflow:"auto"});

如果你只需要垂直滚动 overflow-y:auto 和 overflow-x:hidden