Défi : Positionnement Sticky

Tâche

Créez une mise en page de blog pour des articles sur les animaux, en veillant à ce que la photo de l'animal correspondant soit toujours visible pendant que l'utilisateur lit l'article. Lorsque l'utilisateur commence à lire sur un autre animal, proposez la photo de l'animal suivant. Étapes :

1. Appliquez le positionnement sticky à l'élément avec le nom de classe illustration.
2. Spécifiez la position sur la page où l'élément doit devenir collant.

1. Pour que les illustrations d'animaux restent en haut de la fenêtre pendant que l'utilisateur lit l'article, appliquez le positionnement sticky à l'élément avec le nom de classe illustration.
2. Définissez la propriété top à 0 pour spécifier que l'élément doit rester en haut de la fenêtre.