Jaká je šířka posuvníku?
důležitost: 3
Napište kód, který vrátí šířku standardního posuvníku.
Ve Windows se obvykle pohybuje mezi 12px a 20px. Pokud si pro něj prohlížeč nerezervuje žádné místo (posuvník je poloprůsvitný nad textem, což se také někdy stává), může být 0px.
P.S. Kód by měl fungovat pro jakýkoli HTML dokument nezávisle na jeho obsahu.
Abychom zjistili šířku posuvníku, můžeme vytvořit element s rolováním, ale bez ohraničení a vnitřních okrajů.
Pak bude rozdíl mezi jeho úplnou šířkou offsetWidth a šířkou vnitřní plochy obsahu clientWidth přesně šířka posuvníku:
// vytvoříme div s posuvníkem
let div = document.createElement('div');
div.style.overflowY = 'scroll';
div.style.width = '50px';
div.style.height = '50px';
// musíme jej vložit do dokumentu, jinak budou velikosti nulové
document.body.append(div);
let šířkaPosuvníku = div.offsetWidth - div.clientWidth;
div.remove();
alert(šířkaPosuvníku);