пример
Получить всю высоту и ширину элемента, в том числе прокладки:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth; Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
Свойство scrollHeight возвращает всю высоту элемента в пикселях, включая обивку, но не граница, или полосы прокрутки маржу.
Совет: Используйте scrollWidth свойство возвращать всю ширину элемента.
Свойства scrollWidth и scrollHeight возвращают всю высоту и ширину элемента, включая высоту и ширину , которая не является видимой (because of overflow) - (because of overflow) .
Совет: Для того, чтобы добавить полосы прокрутки к элементу, используйте CSS переполнения свойства.
Это свойство только для чтения.
Поддержка браузеров
| Имущество | |||||
|---|---|---|---|---|---|
| scrollHeight | 4,0 | 8,0 | 3.0 | 4,0 | да |
Синтаксис
element .scrollHeightТехнические подробности
| Возвращаемое значение: | A Количество, представляющее всю высоту (vertically) по (vertically) элемента, в пикселях |
|---|
Еще примеры
пример
Используя заполнитель, границу полосы прокрутки и поля, чтобы показать, как это влияет на свойства 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";
} Попробуй сам "