Thomas Zilliox
Intégrateur CSS Freelance à Lyon

Mais d'où vient cette scrollbar ?

Voir les commentaires

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.

comments powered by Disqus
That's my face!

Thomas ZILLIOX

L'homme qui murmurait à l'oreille des chevrons.

Je développe, j'intègre, je forme ou je conseille sur les CSS. Besoin d'améliorer la maintenabilité ou les performances de vos projets ?