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:

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

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

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

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

javascriptdocument.body.append(div);

Få storleken på scrollbaren:

javascriptlet scrollWidth = div.offsetWidth - div.clientWidth;

Ta bort elementet:

javascriptdiv.remove();