Larghezza della barra di scorrimento in JavaScript
La larghezza della barra di scorrimento dipende dal browser. Possiamo ottenere il valore di questa larghezza. Per fare ciò, creiamo un elemento con scorrimento, ma senza bordi e spaziature interne:
let div = document.createElement('div');
Aggiungiamogli alcuni stili:
div.style.overflowY = 'scroll';
div.style.width = '50px';
div.style.height = '50px';
Inseriamo l'elemento nel documento, altrimenti le dimensioni saranno zero:
document.body.append(div);
Otteniamo la larghezza della barra di scorrimento:
let scrollWidth = div.offsetWidth - div.clientWidth;
Rimuoviamo l'elemento:
div.remove();
È dato un pulsante. Alla pressione del pulsante, ottieni la larghezza della barra di scorrimento nel tuo browser.