Ширина полосы прокрутки зависит от браузера. Мы можем получить значение этой ширины. Для этого создадим элемент с прокруткой, но без границ и внутренних отступов:
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();
Дана кнопка. По нажатию на кнопку получите ширину полосы прокрутки в вашем браузере.