스크롤 진행에 애니메이션을 적용하는 방법을 알아야 합니다. 이는 일반적인 스크롤 진행이 아니라 뭔가 다릅니다. 웹사이트 링크와 제가 찾고 있는 애니메이션이 포함된 특정 부분의 스크린샷을 제공하겠습니다.
https://todoist.com/
홈페이지 링크입니다.
웹사이트 홈페이지의 특정 부분에 대한 스크린샷을 첨부했습니다.
페이지를 스크롤하면 섹션 내에서 스크롤이 발생하고 섹션 자체 내에서 스크롤됩니다. 해당 스크롤 섹션이 완료되면 정상적으로 계속 스크롤하십시오. 스크롤 진행률 표시줄에 대한 많은 튜토리얼을 볼 수 있지만 이 특정 스타일의 애니메이션은 볼 수 없습니다
이 예시가 문제 해결에 도움이 될 수도 있습니다. 코드펜 AnimeJS + ScrollMagic을 사용하세요.
간단히 말하면:
으아악