Свойство scrollHeight элемента HTML DOM

Определение и использование

scrollHeight Свойство возвращает высоту элемента в пикселях, включая внутренние поля, но не включая рамку, полосы прокрутки или внешние поля.

scrollHeight Свойство только для чтения.

Примечание:scrollWidth и scrollHeight Все они возвращают всю высоту и ширину элемента, включая невидимые части (из-за переполнения).

См. также:

Свойство scrollWidth

Свойство overflow CSS

Пример

Пример 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：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка Поддержка