Un élément sticky de l’anglais collant est un élément qui reste ancré à l’écran lors du défilement.
Contrairement aux éléments statiques ils ne disparaissent pas lors du défilement.
Ils facilitent la navigation, améliorent l’expérience utilisateur avec une navigation fluide et intuitive et renforcent la visibilité des éléments importants toujours placés sous les yeux des utilisateurs.
Cela peut concerner le menu de navigation principal, l’entête de page, le bouton d’action ou un encart informatif.
La notion de sticky en CSS
Un élément sticky reste fixe par rapport à son conteneur jusqu’à ce qu’il atteigne un certain point de la page (défini par un offset). Une fois ce point atteint, l’élément reste fixé en haut de l’écran tant qu’il y a de la place dans son conteneur. Si le conteneur lui-même sort de l’écran en scrollant, l’élément sticky disparaît avec lui.
Un élément fixed reste fixe par rapport à la fenêtre du navigateur. Il reste à la même position à l’écran quel que soit le défilement de la page.
Voir aussi : menu sticky