
La position sticky en CSS / Concept + Exercice

Dans ce tuto CSS en vidéo, nous allons découvrir ensemble comment utiliser la position Sticky en CSS pour fixer des éléments lorsque le scroll du navigateur arrive au niveau de l'élément concerné.
Je vous invite à regarder l'extrait vidéo pour vous rendre compte du résultat final.
Les fichiers sources contenant les fichiers de départ ainsi que les fichiers finaux sont inclus avec le tuto.
N'hésitez pas à me soumettre des questions dans le salon d'entraide si vous rencontrer des difficultés pendant ou après le visionnage de la vidéo.
Bon tuto !
Que contient le fichier source ?
Quel est le niveau requis pour suivre ce tuto ?
Les apprenants qui suivent cette formation s'intéressent aussi à :

La position sticky en CSS / Concept + Exercice

JS moderne, EXO #3 : Fixer une barre de navigation au scroll

Bundle CSS : 10 astuces & exercices pour vous perfectionner

Cours CSS3 - Explorez la Magie de la Propriété POSITION

CSS-Grid et Flexbox :: 2 techniques complémentaires

JS moderne, EXO #9, Modifier la Nav sur l'événement scroll

Intégrer une Landing Page fluide animée au scroll

Savoir utiliser Grid et FlexBox ensemble


Ayez le bon réflexe CSS, utilisez la technologie Flexbox !
Avis des apprenants