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

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;   
}​

Working fiddle

编辑更新了小提琴，并调整了代码，使其可以工作。不知道为什么，通过jQuery UI对话框，maxHeight似乎没有做它应该做的事情。我刚刚在CSS中添加了最大高度部分，一切都很好。