Cacher sa navbar au scroll en 2 min
Animations
2 min
janv. 2026
Découvre comment faire disparaître une navbar au scroll en 2 minutes avec Framer, et améliorer l’expérience utilisateur de ton site.
Cacher la navbar au scroll sur Framer
Cacher la navbar au scroll est une interaction très utilisée sur les sites modernes.
Elle permet de libérer de l’espace à l’écran et de mettre le contenu au premier plan, surtout sur mobile.
Sur Framer, cette interaction est possible sans code, directement avec les options natives.
Encore faut il savoir où chercher et comment la configurer correctement.
Pourquoi cacher la navbar au scroll
Une navbar visible en permanence n’est pas toujours nécessaire.
Dans certains cas, la cacher au scroll permet :
d’améliorer la lisibilité
de réduire la distraction
de donner une impression de site plus fluide
C’est particulièrement pertinent sur :
les landing pages
les sites one page
les pages avec beaucoup de contenu vertical
C’est avant tout une question d’expérience utilisateur.
Comment fonctionne la navbar au scroll dans Framer
Framer permet de gérer le comportement d’une navbar directement via ses propriétés.
Le principe est simple :
la navbar est visible au chargement
elle disparaît lorsque l’utilisateur scroll
elle réapparaît quand on remonte
Tout se fait avec des réglages intégrés, sans aucune ligne de code.
Créer une navbar propre avant de la cacher
Avant de gérer le scroll, il est essentiel d’avoir une navbar bien construite :
Structure
hiérarchie
responsive
Tout part de là, si tu as besoin d'aide tu peux suivre la vidéo ci-dessous :
👉 Comment créer facilement une navbar responsive sur Framer
Cette étape est indispensable pour éviter les problèmes ensuite.
Les apprenants ont aussi apprécié
Apprenez à concevoir des sites modernes pas à pas grâce à des cours vidéo clairs et accessibles, pensés pour progresser sereinement sur Framer.
Framer Campus est né d’une envie partager tout ce que j'aurais aimé trouver quand j ai commencé. Des tutos clairs, des vidéos gratuites et un lieu où apprendre Framer devient enfin simple.
© 2026 Framer Campus. All rights reserved.
Framer Campus est né d’une envie partager tout ce que j'aurais aimé trouver quand j ai commencé. Des tutos clairs, des vidéos gratuites et un lieu où apprendre Framer devient enfin simple.
© 2026 Framer Campus. All rights reserved.
Framer Campus est né d’une envie partager tout ce que j'aurais aimé trouver quand j ai commencé. Des tutos clairs, des vidéos gratuites et un lieu où apprendre Framer devient enfin simple.
© 2026 Framer Campus. All rights reserved.