Görgetsáv szélessége JavaScriptben

A görgetsáv szélessége a böngészőtől függ. Megkaphatjuk ennek a szélességnek az értékét. Ehhez létrehozunk egy görgethető elemet, de keretek és belső margók nélkül:

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

Adjunk hozzá néhány stílust:

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

Helyezzük be az elemet a dokumentumba, különben a méretek nullák lesznek:

document.body.append(div);

Kapjuk meg a görgetsáv szélességét:

let scrollWidth = div.offsetWidth - div.clientWidth;

Távolítsuk el az elemet:

div.remove();

Adott egy gomb. A gomb megnyomásakor kapja meg a görgetsáv szélességét a böngészőjében.