ページ全体をスクロールしながら React でコンテンツの内部スクロールを実装する方法

Question

ページ全体がスクロールされたときに最初に子コンテンツをスクロールするロジックを React で作成したいと考えています。サブコンテンツが完全にスクロールされると、次のセクションに移動します

＃＃＃例えば： A、B、C の 3 つのパートがあります。各セクションの高さは 100vh です。セクション B は、B1、B2、B3、B4 の 4 つのサブセクションで構成されており、いずれも高さは 100vh です。

ページをスクロールする場合、セクション B までスクロールすると、そのサブセクションのスクロールが開始されます。サブセクションが完全にスクロールされると、スクロールはセクション C

に移動します。

GSAPライブラリを使用して実装しましたが、Reactのみを使用して実装したいと考えています。

Answer 1

この質問はここで解決されます。スタック オーバーフロー スレッドで説明されているように、フックを作成して使用できます。