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);