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