Rechercher
Cacher sa navbar au scroll en 2 min
Cacher sa navbar au scroll en 2 min
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.
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.
2 min
2 min
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.
Continue à progresser sur Framer
Découvre d’autres contenus pratiques pour aller plus loin et améliorer tes projets étape par étape
Ressource gratuite du mois
08J 04H 01M 58S
Starter Kit Framer
Tout ce qu'il faut pour bien démarrer sur Framer, réuni dans un seul kit gratuit. Checklists, glossaire français, template lien bio et boîte à outils : le essentiel pour créer ton premier site sans rien oublier.
Ressource gratuite du mois
08J 04H 01M 58S
Starter Kit Framer
Tout ce qu'il faut pour bien démarrer sur Framer, réuni dans un seul kit gratuit. Checklists, glossaire français, template lien bio et boîte à outils : le essentiel pour créer ton premier site sans rien oublier.
Ressource gratuite du mois
08J 04H 01M 58S
Starter Kit Framer
Tout ce qu'il faut pour bien démarrer sur Framer, réuni dans un seul kit gratuit. Checklists, glossaire français, template lien bio et boîte à outils : le essentiel pour créer ton premier site sans rien oublier.
Framer-Campus.fr 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.
Framer-Campus.fr est une plateforme indépendante dédiée à l’apprentissage de Framer en français. Ce site n’est pas affilié à Framer.
© 2026 Framer-campus All rights reserved.
Framer-Campus.fr 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.
Framer-Campus.fr est une plateforme indépendante dédiée à l’apprentissage de Framer en français. Ce site n’est pas affilié à Framer.
© 2026 Framer-campus All rights reserved.
FRAMER-CAMPUS
FRAMER-CAMPUS
Framer-Campus.fr 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.
Framer-Campus.fr est une plateforme indépendante dédiée à l’apprentissage de Framer en français. Ce site n’est pas affilié à Framer.
© 2026 Framer-campus All rights reserved.
Pas encore de compte Framer ?
Pas encore de compte Framer ?
Crée ton compte gratuitement et commence à donner vie à tes projets
(Aucune carte bancaire requise)
