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 !

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