如何在捲動整個頁面時實現React中內容的內部捲動

Question

我想在 React 中建立一個邏輯，在滾動整個頁面時首先滾動子內容。一旦子內容完全滾動，它將移至下一部分

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

滾動頁面時，一旦捲動到 B 部分，其子部分就會開始捲動。子部分完全滾動後，滾動將移至 C 部分

我已經使用 GSAP 函式庫實作了它，但我想只使用 React 來實作它。

Answer 1

這裡回答了這個問題。您可以按照堆疊溢位執行緒中提到的方式建立一個鉤子並使用它。