전체 페이지를 스크롤할 때 하위 콘텐츠를 먼저 스크롤하는 로직을 React에서 만들고 싶습니다. 하위 콘텐츠가 완전히 스크롤되면 다음 섹션으로 이동됩니다
예: A, B, C 세 부분으로 구성되어 있습니다. 각 섹션의 높이는 100vh입니다. 섹션 B는 B1, B2, B3, B4의 4개 하위 섹션으로 구성되며 모두 높이가 100vh입니다.
페이지를 스크롤할 때 B 섹션으로 스크롤하면 해당 하위 섹션이 스크롤되기 시작합니다. 하위 섹션이 완전히 스크롤되면 스크롤이 섹션 C로 이동합니다
GSAP 라이브러리를 이용해서 구현했는데, React로만 구현하고 싶어요.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
이 질문에 대한 답변은 여기에 있습니다. 스택 오버플로 스레드에서 언급한 대로 후크를 생성하고 사용할 수 있습니다.