Получение ширины полосы прокрутки элемента

Для получения ширины полосы прокрутки используются параметры offsetWidth и clientWidth элемента Element:

  • offsetWidth возвращает ширину элемента в пикселях, включая полосу прокрутки.
  • clientWidth возвращает ширину элемента в пикселях без полосы прокрутки.

Таким образом, чтобы получить ширину полосы прокрутки, достаточно выполнить простой расчет следующим образом:

const box = document.querySelector('.box'); const scrollbarWidth = box.offsetWidth - box .clientWidth;
Code language: JavaScript (javascript)

Следующее действие возвращает ширину полосы прокрутки документа:

const scrollbarWidth = document.body.offsetWidth - document.body.clientWidth;
Code language: JavaScript (javascript)

Оцените статью
devanswers.ru
Добавить комментарий