Свойство scrollWidth содержит ширину элемента с учетом горизонтальной прокрутки.

Если у элемента нет горизонтальной прокрутки, то scrollWidth равно clientWidth.

См. также свойство scrollHeight, которое содержит высоту прокрученной части элемента.

Синтаксис

элемент.scrollWidth

Примеры

Пример

Узнаем ширину элемента с учетом прокрутки:

<style>
	#elem {
		width: 100px;
		padding: 5px;
		white-space: nowrap;
		overflow: auto;
	}
</style>

<div id="elem">У этого элемента есть прокрутка.</div>
var elem = document.getElementById('elem');
document.write(elem.scrollWidth);

Результат выполнения кода:

238

Пример

Если элемент скрытый, то scrollWidth равно 0:

<style>
	#elem {
		width: 100px;
		display: none;
	}
</style>

<div id="elem">Элемент</div>
var elem = document.getElementById('elem');
document.write(elem.scrollWidth);

Результат выполнения кода:

0