/ EN CLAIR
La position Fixed ancre un élément au viewport du navigateur : il reste à la même place à l'écran pendant que la page défile derrière lui.
C'est ce qui tient une barre de navigation, un bandeau de cookies, un bouton de retour en haut, un panier flottant. L'élément sort du flux : il ne pousse plus rien et ne réserve plus sa place.
D'où le réflexe qui va avec : compenser sa hauteur sur le contenu, sinon le premier titre de la page passe dessous. Et surveiller le mobile, où une barre fixe mange une part de l'écran qui n'est pas négligeable.
/ EN BREF
- CE QUE ÇA FAIT
- Ancre l'élément au viewport : il reste en place pendant que la page défile derrière.
- POUR QUOI
- Barre de navigation, bandeau de cookies, bouton de retour en haut, panier flottant.
- CE QUE ÇA IMPLIQUE
- L'élément sort du flux : il ne pousse plus rien et ne réserve plus sa place.
- LE RÉFLEXE
- Compenser sa hauteur sur le contenu, et surveiller la place qu'il mange sur mobile.
WEBFLOW
