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

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

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

に移動します。

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