>  Q&A  >  본문

전체 페이지를 스크롤하면서 React에서 콘텐츠의 내부 스크롤을 구현하는 방법

전체 페이지를 스크롤할 때 하위 콘텐츠를 먼저 스크롤하는 로직을 React에서 만들고 싶습니다. 하위 콘텐츠가 완전히 스크롤되면 다음 섹션으로 이동됩니다

예: A, B, C 세 부분으로 구성되어 있습니다. 각 섹션의 높이는 100vh입니다. 섹션 B는 B1, B2, B3, B4의 4개 하위 섹션으로 구성되며 모두 높이가 100vh입니다.

페이지를 스크롤할 때 B 섹션으로 스크롤하면 해당 하위 섹션이 스크롤되기 시작합니다. 하위 섹션이 완전히 스크롤되면 스크롤이 섹션 C로 이동합니다

GSAP 라이브러리를 이용해서 구현했는데, React로만 구현하고 싶어요.

P粉823268006P粉823268006408일 전499

모든 응답(1)나는 대답할 것이다

  • P粉466909449

    P粉4669094492023-09-07 17:33:13

    이 질문에 대한 답변은 여기에 있습니다. 스택 오버플로 스레드에서 언급한 대로 후크를 생성하고 사용할 수 있습니다.

    회신하다
    0
  • 취소회신하다