Ширина полосы прокрутки в JavaScript

Ширина полосы прокрутки зависит от браузера. Мы можем получить значение этой ширины. Для этого создадим элемент с прокруткой, но без границ и внутренних отступов:

let div = document.createElement('div');

Добавим ему некоторые стили:

div.style.overflowY = 'scroll';
div.style.width = '50px';
div.style.height = '50px';

Вставим элемент в документ, иначе размеры будут равны нулю:

document.body.append(div);

Получим размер полосы прокрутки:

let scrollWidth = div.offsetWidth - div.clientWidth;

Удалим элемент:

div.remove();

Дана кнопка. По нажатию на кнопку получите ширину полосы прокрутки в вашем браузере.