Implémenter le défilement vertical dans une page qui cible une section spécifique sans déplacer la page entière

Question

J'ai constaté cet effet sur certaines pages : vous faites défiler vers le bas, mais la page elle-même semble immobile. Par conséquent, certains éléments apparaîtront ou disparaîtront, apparaîtront ou disparaîtront. J'ai une section contenant 5 cartes. Maintenant, je veux créer le même effet. Lorsque je fais défiler jusqu'à la section, je souhaite parcourir la section en faisant défiler de haut en bas. Selon l'endroit où je me trouve actuellement, je souhaite qu'une carte soit affichée ou masquée.

J'ai commencé par ajouter overflow: scroll à cette section, mais j'ai ensuite manqué d'idées pour créer cet effet.

Answer 1

Utilisez background-attachment:fixed; pour définir la fixation de l'arrière-plan pour une section spécifique.