Проверьте разницу между этими тремя свойствами через демонстрацию.
иллюстрировать:
Прокрутка: ширина: ширина фактического содержания объекта, ширина линии без краев, станет больше, поскольку содержание в объекте превышает область просмотра.
Количество клиентов: ширина области просмотра содержания объекта, не обертывая равенные линии прокрутки, будет изменяться при изменении размера объекта.
Офтеатгидаль: фактическая ширина объекта в целом, полоса прокрутки одинаково окрашен, что будет изменяться, когда объект отображает размер.
Демонстрация помещает элемент Textarea на страницу и отображает его с шириной и высотой по умолчанию.
Ситуация 1:
Если в элементе нет контента или контента не превышает область просмотра, прокрутка не отображается или не доступна.
ScrollWidth = клиентская Whidth, оба являются шириной области просмотра контента.
Офтеат -ширина является фактической шириной элемента.
Ситуация 2:
Содержание элемента превышает область просмотра, появляется и доступен и доступен.
ScrollWidth> клиентская -тодата.
Прокрутка прокрутки - это ширина фактического содержания.
Клиентская Whidth - это ширина зоны просмотра контента.
Офтеат -ширина является фактической шириной элемента.
КОНЕЦ
Вышеупомянутое - все различия между прокручиваемой шириной, клиентской -шириной и смещением. Я надеюсь, что это будет полезно для всех.