Scrollbalkbreedte in JavaScript
De breedte van de scrollbalk is afhankelijk van de browser. We kunnen deze breedtewaarde verkrijgen. Om dit te doen, maken we een element met scrollen, maar zonder randen en binnenste afstand:
let div = document.createElement('div');
Voegen we er enkele stijlen aan toe:
div.style.overflowY = 'scroll';
div.style.width = '50px';
div.style.height = '50px';
Plaatsen we het element in het document, anders zijn de afmetingen nul:
document.body.append(div);
We krijgen de breedte van de scrollbalk:
let scrollWidth = div.offsetWidth - div.clientWidth;
Verwijderen we het element:
div.remove();
Er is een knop. Bij het klikken op de knop, verkrijg de breedte van de scrollbalk in jouw browser.
