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

Question

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

我希望对话框展开以显示行,直到某个垂直大小(350px),此时它应显示垂直滚动条.

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

如果高度超过350px,我如何强制垂直滚动条？

$.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

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

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

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