Scrollleistenbreite in JavaScript

Die Breite der Scrollleiste ist vom Browser abhängig. Wir können den Wert dieser Breite ermitteln. Dazu erstellen wir ein Element mit Scrollleiste, aber ohne Rahmen und Innenabstände:

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

Wir weisen ihm einige Stile zu:

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

Wir fügen das Element in das Dokument ein, andernfalls sind seine Abmessungen gleich Null:

javascriptdocument.body.append(div);

Wir ermitteln die Breite der Scrollleiste:

javascriptlet scrollWidth = div.offsetWidth - div.clientWidth;

Wir entfernen das Element:

javascriptdiv.remove();