Largeur de la barre de défilement en JavaScript
La largeur de la barre de défilement dépend du navigateur. Nous pouvons obtenir la valeur de cette largeur. Pour ce faire, créons un élément avec défilement, mais sans bordures ni marges intérieures :
let div = document.createElement('div');
Ajoutons-lui quelques styles :
div.style.overflowY = 'scroll';
div.style.width = '50px';
div.style.height = '50px';
Insérons l'élément dans le document, sinon ses dimensions seront égales à zéro :
document.body.append(div);
Obtenons la largeur de la barre de défilement :
let scrollWidth = div.offsetWidth - div.clientWidth;
Supprimons l'élément :
div.remove();
Un bouton est donné. En cliquant sur le bouton, obtenez la largeur de la barre de défilement dans votre navigateur.
