Ширина на плъзгащата лента в 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();

Даден е бутон. При натискане на бутона получете ширината на плъзгащата лента във вашия браузър.