javascript - jquery 计算给定动态填充容器的高度/宽度

Question

我有一个带有 UL 的 div，在该 UL 内部通过使用 jQuery 我有 LI 元素动态填充它。所以我可以拥有从 1 里到 30 里或更多的任何地方。如果在动态填充时 UL 中的元素数量超过了一定的高度/宽度，我想将它们所在的容器从一个容器中翻转过来，这个容器在填充时会拉伸(stretch)到一个滚动的容器中。我该怎么做？

Answer 1

用新元素填充列表时，您可以明确检查大小:

var maxHeight = 500;
var ul = $("#myUl");
if (ul.height() > maxHeight) {
    ul.css("height",maxHeight+"px").css("overflow-y","scroll");
} else {
    ul.css("height","auto").css("overflow-y","visible");
}

您可以类似地检查宽度。