Свойство HTML DOM scrollHeight
Пример
Получите всю высоту и ширину элемента, включая отступы:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Свойство scrollHeight возвращает всю высоту элемента в пикселях, включая отступы, но не границу, полосу прокрутки или поля.
Совет. Используйте свойство scrollWidth , чтобы вернуть всю ширину элемента.
Свойства scrollWidth и scrollHeight возвращают полную высоту и ширину элемента, включая высоту и ширину, которые не отображаются (из-за переполнения).
Совет. Чтобы добавить полосы прокрутки к элементу, используйте свойство переполнения CSS.
Это свойство доступно только для чтения.
Поддержка браузера
Property | |||||
---|---|---|---|---|---|
scrollHeight | 4.0 | 8.0 | 3.0 | 4.0 | Yes |
Синтаксис
element.scrollHeight
Технические детали
Возвращаемое значение: | Число, представляющее всю высоту (по вертикали) элемента в пикселях. |
---|
Дополнительные примеры
Пример
Использование заполнения, границы, полосы прокрутки и поля, чтобы показать, как это влияет на свойства scrollWidth и scrollHeight:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Пример
Верните scrollHeight и scrollWidth элемента, а затем установите его высоту и ширину в значения, возвращаемые из scrollHeight и scrollWidth:
var elmnt = document.getElementById("content");
function getFunction() {
var x = elmnt.scrollWidth;
var y = elmnt.scrollHeight;
}
function setFunction() {
elmnt.style.height = y.scrollHeight + "px";
elmnt.style.width = y.scrollWidth + "px";
}