인프런 커뮤니티 질문&답변

안녕하세요, 선생님.

섹션2 Advanced Trigger - practice 예제에서

fixedHeader() 함수를 통해 헤더가 pin되어 start 지점부터 fixed 처리가 되잖아요~

이와 동시에 fixed 될 때 특정 클래스(toggleClass : "active")를 넣어서 스타일을 다르게 주려고 했거든요.

그런데 end 마지막 지점에 스크롤이 닿으면 fixed는 되어있지만 class는 사라지더라고요.

혹시 다른 방법이 있을까요?

function fixedHeader(){
  ScrollTrigger.create({
    trigger: '.nav_container',
    start: 'top top',
    // endTrigger:'.footer',
    end: 'max',
    pin: true,
    pinSpacing: false,
    toggleClass : "active"
  })
}