Genie of the Lamp 😶‍🌫️ Genie of the Lamp 😶‍🌫️

scrollTo

• [GSAP] scrollTo() 함수 기본 사용법

  Coding 2024. 6. 2. 23:06

  scrollTo()GSAP에서 ScrollToPlugin을 사용해 브라우저 스크롤을 특정 위치로 부드럽게 스크롤할 수 있습니다. 우선 기본적으로 gsap과 ScrollToPlugin을 프로젝트에 불러와야합니다.cdn을 통해 불러오겠습니다. 창을 위에서 500px 위치로 스크롤 이동하려면우선 'gsap.to()' 함수를 호출하고 'scrollTo' 속성에 숫자 500을 넣어서 간단하게 이동시킬 수 있습니다.gsap.to(window, {duration: 1, scrollTo: 500}); 특정 요소로 스크롤할 수도 있습니다. 예를 들어, '#section2'라는 요소로 스크롤하려면 아래처럼 적어주면 됩니다.gsap.to(window, {duration: 1, scrollTo: "#section2"});  ..

  Read More