Thomas Zilliox
Expert CSS Freelance à Lyon

Mais d'où vient cette scrollbar ?

C'est très énervant quand on cherche la cause d'une scrollbar. D'habitude on vérifie chaque noeud HTML depuis ses outils de développements, pour voir quelles propriétés lui sont appliquées.

Dans Firefox 67 (prévu pour mai 2019), il y aura un petit indicateur visible directement depuis l'inspecteur !

Capture d'écran de l'inpecteur dans Firefox Nightly 67

En attendant, voici une technique qui marche partout :

  1. Faire défiler cette scrollbar pour qu'elle ne soit plus collée en haut
  2. Lancer le script suivant qui va vous indiquer tous les noeuds HTML dont le défilement n'est plus tout en haut
Array.from(document.querySelectorAll("*")).filter(element => element.scrollTop);
// outputs [ div.js-column-scroller, div.js-column-scroller ]

Source de l'image : twitter

Scrollement vôtre, Thomas.

Thomas ZILLIOX

That's my face!

Je suis un développeur CSS freelance sur Lyon.
En tant qu’expert CSS, on dit parfois que je suis « l’homme qui murmure à l'oreille des chevrons ».

Je suis également le co-créateur de Zupple Escape Game Lyon qui propose une salle d’escape game, des jeux de piste, des team building, de nombreuses énigmes en ligne, et même un podcast. Une aventure extraordinaire, grâce à laquelle il n’y a pas deux jours qui se ressemblent.