HTML DOM Element scrollHeight 속성

정의와 사용법

scrollHeight 속성은 요소의 높이를 픽셀 단위로 반환합니다. 내부 여백 포함, 테두리, 스크롤바, 및 외부 여백을 제외.

scrollHeight 속성은 읽기 전용입니다.

주의:scrollWidth 와 scrollHeight 두 가지 모두 요소의 전체 높이와 너비를 반환합니다. 숨겨진 부분(overflow로 인해) 포함.

추가 정보:

scrollWidth 속성

CSS overflow 속성

예제

예제 1

요소의 높이와 너비를 얻습니다. 내부 여백 포함:

const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;

직접 시도해 보세요

예제 2

padding, border, 및 scrollbar이 scrollWidth와 scrollHeight에 미치는 영향:

const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;

직접 시도해 보세요

예제 3

scrollHeight와 scrollWidth로부터 반환된 값을 사용하여 요소의 높이와 너비를 설정합니다:

element.style.height = element.scrollHeight + "px";
element.style.width = element.scrollWidth + "px";

직접 시도해 보세요

문법

element.scrollHeight

반환 값

타입 설명
숫자 픽셀 단위로 요소의 높이.

브라우저 지원

모든 브라우저가 지원합니다 element.scrollHeight：

크롬 IE 에지 파이어폭스 사파리 오페라
크롬 IE 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원 지원