Post

[GSAP] ScrollTrigger: fastScrollEnd

Posted
By songmiok
1 min read
[GSAP] ScrollTrigger: fastScrollEnd

ScrollTrigger: fastScrollEnd

ScrollTrigger의 fastScrollEnd옵션은 사용자의 스크롤 속도에 따라 ScrollTrigger가 어떻게 반응할지 설정합니다.

fastScrollEnd: true 으로 설정하면 트리거 영역을 일정 속도(기본 2500px/s)보다 빨리 벗어나면 ScrollTrigger의 애니메이션을 강제로 완료시킵니다. 이것은 사용자가 빠르게 스크롤 할 때 애니메이션이 겹치는 것을 방지합니다.

1

fastScrollEnd: true;

fastScrollEnd: 3000 으로 설정하면 스크롤 속도가 3000px/s를 초과하면 ScrollTrigger의 애니메이션을 강제로 완료시킵니다.

1

fastScrollEnd: 3000


참고
JavaScript, GSAP
This post is licensed under CC BY 4.0 by the author.