Свойство scrollHeight
Пример
Получить всю высоту и ширину элемента, включая отступы:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Попробуйте сами »
Дополнительные примеры "Попробуй сам" приведены ниже.
Определение и использование
Свойство scrollHeight возвращает всю высоту элемента в пикселях, включая отступы, но не границы, полосы прокрутки или поля.
Совет: Используйте свойство scrollWidth для возврата всей ширины элемента.
Свойства scrollWidth и scrollHeight возвращают всю высоту и ширину элемента, включая высоту и ширину, которые недоступны для просмотра (из-за переполнения).
Совет: Чтобы добавить полосы прокрутки к элементу, используйте CSS свойствоoverflow.
Это свойство доступно только для чтения.
Поддержка браузера
Свойство | |||||
---|---|---|---|---|---|
scrollHeight | 4.0 | 8.0 | 3.0 | 4.0 | Да |
Синтаксис
element.scrollHeight
Технические детали
Вернёт значение | Число, представляющее всю высоту (по вертикали) элемента в пикселях |
---|
Ещё примеры
Пример
С помощью padding, border, scrollbar и margin чтобы показать, как это влияет на свойство scrollWidth и scrollHeight:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.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";
}
Попробуйте сами »