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.