Основное отличие свойств clientWidth и scrollWidth при получении размеров окна заключается в том, что первое возвращает значение для видимой области элемента, а второе — для полной, с учётом прокрутки. 12
clientWidth возвращает ширину содержимого элемента и его вертикальных внутренних отступов без полос прокрутки. 3
scrollWidth — это сумма clientWidth и ширины содержимого с переполнением справа и слева от клиента. 3 Для элемента без переполнения значения scrollWidth и clientWidth совпадают. 3
Таким образом, clientWidth подходит для определения внутренних размеров элемента, а scrollWidth — для получения общей ширины окна. 13