Вопросы к Поиску с Алисой
Основное отличие свойств clientWidth и scrollWidth при получении размеров окна заключается в том, что первое возвращает значение для видимой области элемента, а второе — для полной, с учётом прокрутки. learn.javascript.ru megavtogal.com
clientWidth возвращает ширину содержимого элемента и его вертикальных внутренних отступов без полос прокрутки. habr.com
scrollWidth — это сумма clientWidth и ширины содержимого с переполнением справа и слева от клиента. habr.com Для элемента без переполнения значения scrollWidth и clientWidth совпадают. habr.com
Таким образом, clientWidth подходит для определения внутренних размеров элемента, а scrollWidth — для получения общей ширины окна. learn.javascript.ru habr.com