HTML DOM scrollHeight 속성

HTML DOM Element 객체

scrollHeight읽기 전용 속성은 요소의 전체 높이(픽셀 단위)를 반환하며, 스크린에서 보이지 않는 오버플로우 내용도 포함됩니다.

높이의 측정 방법은clientHeight같은: 요소의 패딩을 포함하지만, 테두리, 마진, 또는 스크롤바를 포함하지 않습니다.

가상 요소의 높이를 포함할 수 있습니다. 예를 들어::before또는::after요소의 내용이 세로 스크롤바가 필요하지 않도록 맞춰져 있다면, 그 scrollHeight는clientHeight.

사용scrollWidth속성은 원소의 전체 너비를 반환합니다.

문법:

element.scrollHeight

var elem = document.getElementById("box");
var y = elem.scrollHeight;
var x = elem.scrollWidth;

브라우저 호환성

표에서의 수치는 scrollHeight 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다:

기술 세부 사항

관련 참조

HTML DOM 참조:scrollWidth 속성

HTML DOM 참조:clientHeight 속성

HTML DOM 참조:offsetHeight 속성

CSS 참조:overflow 속성

HTML DOM Element 객체