jquery 주어진 동적으로 채워진 컨테이너의 높이/너비를 계산합니다.

Question

저는 UL이 포함 된 div가 있고, jQuery를 사용하여 해당 UL 내부에 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

ul 요소에 max-height, max-width 및 overflow CSS 스타일 규칙을 적용하는 것은 어떻습니까?

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

편집 :이 솔루션 (예 : IE6 등) max-height 및 max-width CSS2 규칙을 존중하지 않는 브라우저 작동하지 않습니다.