2012-01-24 2 views
1

div의 콘텐츠 높이를 감지하는 방법은 무엇입니까?

  • 고정 어이
  • 장애인 스크롤 기능이있는 DIV를 제공하는 내용이

편집 할 수있는 나는 그것의 콘텐츠 높이에 도달하거나 심지어의 높이를 초과로하면 이해할 필요가

  • 사용자가 삽입 한 요소 (텍스트 또는 기타)에 따라 동일한 div (이벤트 기반으로 제어 됨). DIV의 내용이 동일한 DIV의 높이에 도달했거나 초과했는지 여부를 감지하는 방법에 대한 간단한 아이디어가 있습니까? 스티 자신의 대답에, 당신이 주어진 요소의 높이를 obtian하는 jQueries에게 height() 방법을 사용할 수 있습니다 말했듯이

  • 답변

    1

    보십시오.

    그러나이 방법은 기본 div 내부의 두 번째 컨테이너에서 사용하는 것이 좋습니다. 이러한 그 :

    <div id="myMainDivWithAHeight"> 
        <div id="myInnerDivExpandingWithTheContent"></div> 
    </div> 
    

    이 방법 대신 고정 높이 outter는 div의 높이의 콘텐츠 관련 확장 내부 DIV의 높이를 계산됩니다.

    내부 div 높이와 outter div 높이의 값을 비교할 수 있습니다.

    +0

    흥미 롭습니다. 그래서 당신은 하나의 DIV를 사용하는 대신, 내부 하나는 최종 브라우저 사용자가 입력/추가 한 내용의 기초 위에서 높이를 확장 할 수 있지만 외부 하나는 고정 된 높이를 갖는 두 중첩 된 것들을 사용하십시오. 그런 다음 내부 DIV 높이가 외부 DIV의 높이를 초과하는 경우 모든 콘텐츠 수정 이벤트 광고를 트리거 할 수 있습니다.이 조건이 reacehd이고 필요한 경우 수행합니다. 아마도 두 개의 중첩 된 DIV가있을 필요가 없으며 최종 사용자가 Transient 뷰를 인식하지 못하도록 관련 작업이 빠르면 직접 작업을 수행 할 수 있습니다. – user1050187

    관련 문제