Post

[GSAP] ScrollTrigger: ToggleClass

[GSAP] ScrollTrigger: ToggleClass

ScrollTrigger: ToggleClass

ScrollTrigger가 활성 또는 비활성을 전환할 때 요소에 클래스를 추가또는 제거 합니다.

String

ScrollTrigger가 활성화 되면 triggeractive 클래스를 추가합니다.

1
toggleClass: "active"

Object

ScrollTrigger가 활성화 되면 .my-selectoractive 클래스를 추가합니다.

1
toggleClass: { targets: '.my-selector', className: 'active' }

toggleAction은 toggleClass에 적용되지 않습니다. 클래스 이름을 다른 방식으로 토글 하려면 콜백을 사용합니다.



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