# Свойство 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`, которое содержит ширину прокрученной части элемента.

↑