Разница между scrollWidth и clientWidth при отображении веб-страниц заключается в том, что первое свойство учитывает прокрученную часть элемента, а второе — нет. 13

ClientWidth возвращает ширину содержимого элемента и его вертикальных внутренних отступов без полос прокрутки. 2 Для HTML-элемента это свойство возвращает ширину области просмотра (в пикселях), исключая ширину полосы прокрутки. 5

ScrollWidth, в свою очередь, возвращает ширину элемента, включая ту часть, которая не видна на экране из-за переполнения. 5 Это свойство включает внутренние отступы элемента, но не его рамку, отступ или вертикальную полосу прокрутки (если она есть). 5

Таким образом, scrollWidth может быть больше clientWidth, даже если содержимое переполняется без полосы прокрутки. 4