Scrollbar bredd i JavaScript

Bredden på scrollbaren beror på webbläsaren. Vi kan få värdet på denna bredd. För att göra detta skapar vi ett element med scroll, men utan kanter och inre utfyllnad:

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

Låt oss lägga till några stilar till det:

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

Sätt in elementet i dokumentet, annars kommer storlekarna att vara noll:

document.body.append(div);

Få storleken på scrollbaren:

let scrollWidth = div.offsetWidth - div.clientWidth;

Ta bort elementet:

div.remove();

En knapp ges. Vid klick på knappen, få bredden på scrollbaren i din webbläsare.