jquery的計算給定動態地填充容器

Question

的高度/寬度我有一個UL一個div在它，UL的內部通過使用的jQuery我有LI元素動態地填充它。所以，我可以從1裏有任何地方，到30以上。如果UL內元素的量超過了一定的高度/寬度時動態地填充在欲翻轉容器它們在從一個容器，將伸展，因爲它填充到一個滾動駐留。我會怎麼做？

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"); 
} 

，你可以爲寬度同樣檢查。

Answer 2

如何只適用max-height，max-width和overflow CSS樣式規則的ul元素？

.myUL { 
    max-height: 500px; 
    max-width: 325px; 
    overflow: auto; 
} 

編輯：此解決方案不會爲不尊重max-height和max-width CSS2規則（如IE6）瀏覽器。