设置对话框的最大高度,然后允许滚动

Question

我似乎无法理解如何正确设置jquery ui对话框的高度.

我希望它显示高度,无论多少内容存在,但如果它超过400像素,那么我想要一个滚动条.

因此,如果内容的高度为200像素,则对话框的高度应为200像素.

如果内容的高度大于400像素,则对话框不应超过400像素,并且应该可以看到滚动条.

到目前为止我有这个:

$("#popup").dialog({
            modal: true,
            autoOpen: false

});

Answer 1

$("#popup").dialog({
            modal: true,
            autoOpen: false
});

CSS

#popup {
 border: 1px solid #ccc;
 border-radius: 4px;
 padding: 10px;
 overflow: auto;
 max-height: 300px;   
}?

工作小提琴

编辑更新的小提琴和调整后的代码,以便它可以工作.不确定为什么,通过jQuery UI对话框maxHeight似乎没有做它应该做的事情.我刚刚将最大高度部分添加到CSS中,一切都很好,花花公子.