Свойство scrollHeight

Свойство scrollHeight содержит высоту элемента с учетом вертикальной прокрутки. Если у элемента нет вертикальной полосы прокрутки, то значение scrollHeight равно clientHeight.

Синтаксис

элемент.scrollHeight;

Пример

Узнаем высоту элемента с учетом прокрутки:

<div id="elem">У этого элемента есть прокрутка.</div>

#elem {
	width: 100px;
	height: 20px;
	padding: 5px;
	overflow: auto;
}

let elem = document.querySelector('#elem');
console.log(elem.scrollHeight);

Результат выполнения кода:

82

Пример

Если элемент скрытый, то scrollHeight равно 0:

<style>
	#elem {
		display: none;
	}
</style>

<div id="elem">Элемент</div>

let elem = document.querySelector('#elem');
console.log(elem.scrollHeight);

Результат выполнения кода:

0

Смотрите также

См. также свойство scrollWidth, которое содержит ширину прокрученной части элемента.