Ich möchte in React eine Logik erstellen, die zuerst den untergeordneten Inhalt scrollt, wenn die ganze Seite gescrollt wird. Sobald der Unterinhalt vollständig gescrollt ist, wird er zum nächsten Abschnitt verschoben

Zum Beispiel: Ich habe drei Teile: A, B und C. Die Höhe jedes Abschnitts beträgt 100 Vh. Abschnitt B besteht aus vier Unterabschnitten: B1, B2, B3 und B4, die alle ebenfalls 100 Fuß hoch sind.

Sobald Sie beim Scrollen auf der Seite zu Abschnitt B scrollen, beginnen die Unterabschnitte mit dem Scrollen. Sobald der Unterabschnitt vollständig gescrollt ist, bewegt sich der Bildlauf zu Abschnitt C

Ich habe es mit der GSAP-Bibliothek implementiert, möchte es aber nur mit React implementieren.