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