Разница между clientWidth и scrollWidth заключается в том, что они возвращают разные размеры области содержимого элемента. 14

clientWidth возвращает ширину содержимого элемента и его вертикальных внутренних отступов без полос прокрутки. 3

scrollWidth возвращает фактический размер контента, независимо от того, какая его часть в настоящее время видна. 2 Он учитывает внутренние отступы (padding) и содержимое, которое не помещается на экран и требует прокрутки. 1

Таким образом, clientWidth показывает размер области внутри рамок элемента, а scrollWidth — полную внутреннюю ширину, включая прокрученную, невидимую область элемента. 4 Для элемента без переполнения значения scrollWidth и clientWidth совпадают. 3