Свойство scrollHeight содержит высоту элемента с учетом вертикальной прокрутки. Если у элемента нет вертикальной полосы прокрутки, то значение scrollHeight равно clientHeight.
Синтаксис
элемент.scrollHeight
Пример
Узнаем высоту элемента с учетом прокрутки:
<style>
#elem {
width: 100px;
height: 20px;
padding: 5px;
overflow: auto;
}
</style>
<div id="elem">У этого элемента есть прокрутка.</div>
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, которое содержит ширину прокрученной части элемента.