Comment implémenter le défilement interne du contenu dans React tout en faisant défiler la page entière

Question

Je souhaite créer une logique dans React qui fait défiler le contenu enfant en premier lorsque la page entière défile. Une fois le sous-contenu entièrement défilé, il passera à la section suivante

Par exemple : J'ai trois parties : A, B et C. La hauteur de chaque section est de 100vh. La section B se compose de quatre sous-sections : B1, B2, B3 et B4, qui mesurent toutes également 100 vh de hauteur.

Lors du défilement de la page, une fois que vous faites défiler jusqu'à la section B, ses sous-sections commenceront à défiler. Une fois la sous-section entièrement défilée, le défilement se déplacera vers la section C

Je l'ai implémenté en utilisant la bibliothèque GSAP mais je souhaite l'implémenter en utilisant uniquement React.

Answer 1

Cette question trouve sa réponse ici. Vous pouvez créer un hook et l'utiliser comme mentionné dans le fil de discussion de débordement de pile.