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