ScrollTrigger function() triggers on page load

[JorisD]

The pen is pretty self-explanatory.
I am want to trigger a function when reaching the 2nd section of my page, but for some reason it gets triggered on page load.
But on the same ScrollTrigger, the ToggleClass behaves normally.
What am I missing here?

I am only defining it at first, and then calling it

Thanks a lot in advance!

See the Pen oNZaoap by jorisd (@jorisd) on CodePen

[JorisD]

Okay that was stupid. I was not just defining the function but also calling it straight in the JS, before calling it in ScrollTrigger. Now that's embarrassing, please consider I said nothing 🤦‍♂️

[GreenSock]

No worries, @JorisD. We've all been there, done that

 

Thanks for sharing the solution.