toggleClass not working (with toggleActions)

[amitr95]

I'm trying to add a class on scroll to make the header fixed. However, the class isn't being applied?

 

I've seen existing posts on this, all which go about the same / similar way I have applied the snippet in my demo, but it doesn't work in my use case?

 

• https://ihatetomatoes.net/scrolltrigger-tutorial-toggleactions-toggleclass/

 

See the Pen bGjRjzp by amit_rai95 (@amit_rai95) on CodePen

[GreenSock]

That's because of this: 

end: "+=1"

That means it toggled the class but if you scrolled more than 1 pixel past the start, it toggled it back again. Your entire ScrollTrigger only lasts 1 pixel. 

 

I assume you meant something more like this?:

See the Pen jOpGvJL by GreenSock (@GreenSock) on CodePen

 

But even that seems odd to me; why are you even toggling that class at all if it's gonna be on the entire time (start: 0, end: 99999)? Why not just apply that class directly and leave it there (no ScrollTrigger involvement)?