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

我似乎无法理解如何正确设置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中，一切都很好，花花公子。