So implementieren Sie das interne Scrollen von Inhalten in React, während Sie die gesamte Seite scrollen

Question

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.

Answer 1

此处回答了这个问题。您可以按照堆栈溢出线程中提到的方式创建一个钩子并使用它。