분류 javascript

ScrollTrigger : 페이지가 변경 내용을 스크롤 하도록 반응

컨텐츠 정보

  • 조회 632 (작성일 )

본문

현재 스크롤 위치를 기준으로 클래스를 트리거 합니다. 

예를 들어 요소가 뷰포트에 들어가면 페이드 인 할 수 있습니다.


https://github.com/terwanerik/ScrollTrigger 


ScrollTrigger의 가장 기본적인 사용법은 현재 스크롤 위치를 기준으로 클래스를 트리거 하는 것입니다. 

예 : 요소가 뷰포트에 들어가면 사라집니다. 요소 당 사용자 정의 오프셋을 추가하거나 뷰포트에서 오프셋을 설정할 수 있습니다 (예 : 요소가 뷰포트의 20 %에 도달 한 후에 항상 트리거)


콜백을 사용할 때 ScrollTrigger는 실제로 강력 해집니다. 요소가 입력되거나 표시 될 때 사용자 지정 코드를 실행할 수 있으며 콜백이 실패하면 약속을 반환하여 트리거를 중지 할 수도 있습니다. 이것은 게으른 로딩 이미지를 매우 쉽게 만듭니다.