html - javascript를 사용하여 div가 오버플로되었는지 확인하는 방법

Question

웹페이지에는 p(id="info") 요소가 있습니다. 해당 요소의 너비와 높이는 다음과 같습니다.

으아악

여러 개의 p(또는 기타 블록 수준 요소)가 포함되어 있습니다. 이는 AJAX를 통해 동적으로 획득되므로 높이가 너무 많거나 너무 많으면 정보가 오버플로될 수 있습니다. 따라서 정보의 오버플로 스타일은 자동으로 설정되어 콘텐츠가 오버플로될 때 스크롤 막대가 나타납니다.

제 질문은:

이 정보가 오버플로되었는지 확인하기 위해 자바스크립트를 사용할 수 있나요?

또는 이것도 가능합니다. 자바스크립트를 사용하여 정보 스크롤 막대가 나타나는지 확인하시겠습니까?

(이것의 목적을 설명해주세요. AJAX는 서버에서 지속적으로 정보를 가져오는데, 매번 얻는 항목의 길이가 매우 다를 수 있으므로 정보가 넘치면 어떤 항목이 표시될지 모르겠습니다. 정보가 넘치면 프로그램은 이전 항목을 적절하게 삭제합니다. 그렇지 않으면 정보에 계속 누적됩니다.)

Answer 1

요소의 scrollHeight 속성과 clientHeight 속성을 ​​사용하여 scrollHeight가 clientHeight보다 큰 경우 요소는 세로로 스크롤할 수 있습니다. 가로 스크롤을 감지하려면 scrollWidth 및 clientWidthscrollHeight属性和clientHeight属性来判断, 当scrollHeight大于clientHeight的时候，元素就是可以垂直滚动的；如果检测水平滚动的话，可以用scrollWidth和clientWidth

var element = document.getElementById('element');
if (element.scrollHeight > element.clientHeight) {
    ...
}

关于scrollHeight和clientHeight를 사용하세요. 으아악
scrollHeight 및 clientHeight의 경우 MDN 소개를 읽을 수 있습니다:

scrollHeight

클라이언트 높이🎜