S5.05. Cacher la navbar au scroll

1️⃣ Récapitulatif rapide de la vidéo

📌 Cette vidéo explique comment fixer la nav bar pour qu’elle reste visible en permanence, puis comment l’animer afin qu’elle disparaisse lorsqu’on scrolle vers le bas et réapparaisse lorsqu’on remonte. L’objectif est d’améliorer la lisibilité et l’expérience utilisateur avec une transition fluide et intuitive.

2️⃣ Concepts clés abordés

✅ Position Fixed : Maintenir la nav bar visible en permanence sur l’écran
✅ Ajout de marges : Ajuster l’espace en haut des sections pour éviter qu’elles soient cachées sous la nav bar
✅ Page Trigger (Déclencheur de page) : Utilisation de "Page Scroll" pour déclencher une animation au défilement
✅ Animation Navbar Hide : Masquer la nav bar avec un déplacement vers le haut (-90px)
✅ Animation Navbar Show : Faire réapparaître la nav bar en revenant à sa position initiale (0px)
✅ Optimisation sur mobile : Ajuster les valeurs de déplacement et la vitesse d’animation pour s’adapter à tous les breakpoints

Видео S5.05. Cacher la navbar au scroll канала Julien Ferreira