如何在滚动整个页面时实现React中内容的内部滚动

Question

我想在 React 中创建一个逻辑，在滚动整个页面时首先滚动子内容。一旦子内容完全滚动，它将移至下一部分

例如： 我有三个部分：A、B 和 C。每个部分的高度为 100vh。 B 部分包含四个子部分：B1、B2、B3 和 B4，所有子部分的高度也均为 100vh。

滚动页面时，一旦滚动到 B 部分，其子部分就会开始滚动。子部分完全滚动后，滚动将移至 C 部分

我已经使用 GSAP 库实现了它，但我想仅使用 React 来实现它。

Answer 1

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