Перейти к содержимому
Рабочее время Telegram @kalaganov5

Определяем ширину scroll бара на JavaScript

Опубликовано 1 мин

Одна строка JavaScript, которая вычисляет ширину полосы прокрутки. Разбираю, как она работает и почему иногда результат равен нулю.

const scrollBarWidth = window.innerWidth - document.documentElement.clientWidth;

Этот код JavaScript предназначен для вычисления ширины полосы прокрутки на веб-странице. Вот пошаговое описание того, что делает каждая часть кода:

  1. window.innerWidth: Это свойство возвращает внутреннюю ширину окна браузера в пикселях, включая, если они есть, полосы прокрутки.
  2. document.documentElement.clientWidth: Это свойство возвращает ширину области содержимого документа, исключая полосы прокрутки. Это обычно ширина видимой части веб-страницы в окне браузера.
  3. const scrollBarWidth = window.innerWidth - document.documentElement.clientWidth: Этот код вычисляет разницу между полной внутренней шириной окна (включая полосы прокрутки) и шириной содержимого (без полос прокрутки). Разница между этими двумя значениями дает ширину полосы прокрутки.

Если полоса прокрутки не отображается, window.innerWidth и document.documentElement.clientWidth будут равны, и результат будет равен нулю. Если полоса прокрутки есть, результат будет положительным числом, равным ширине полосы прокрутки.

Опишите задачу

Первая оценка бесплатная. По описанию и ссылке на сайт дам ориентир по цене и сроку. Если потребуется платная диагностика, согласуем её до начала. Отвечаю в течение рабочего часа, пн–пт 10:00–19:00 по Тбилиси (09:00–18:00 МСК).

Быстрее в Telegram

    Как обрабатываются данные заявки, описано в политике конфиденциальности. NDA можно согласовать до передачи материалов.