ScrollTrigger Activate Counter

[Premium Funding 1 Likes (Newbie)]

Hi GSAP Guys, 

I am trying to get this to work. When you scroll down the number counter activates when section comes in to view, then starts the counting up of the numbers.

But this isn't working, I know something is wrong but can't figure it out.

See the Pen xxYLjYq?editors=1011 by james182 (@james182) on CodePen

[Cassie 5,659 Likes (Superhero)]

Heya! *Guys (and Gals) over here.

So I see what you were trying to do over here! Makes perfect sense. But those functions were being called immediately. You can pop those function calls into another function that only gets called when the callbacks fire.

See the Pen yLvoqmr?editors=0011 by GreenSock (@GreenSock) on CodePen

 

Alternately just pull it out into it's own ScrollTrigger

See the Pen eYVEjXw?editors=0011 by GreenSock (@GreenSock) on CodePen

 

Hope this helps!

[Premium Funding 1 Likes (Newbie)]

thanks

[tomektomczuk 5 Likes (Newbie)]

Now, this animation shows NAN for enter back

[GreenSock 18,891 Likes (Superhero)]

10 hours ago, tomektomczuk said:

Now, this animation shows NAN for enter back

That's an issue with the jQuery animation. I'd recommend eliminating jQuery and just use GSAP/ScrollTrigger in this simplified fashion: 

See the Pen ExRyOOJ?editors=0010 by GreenSock (@GreenSock) on CodePen

 

Does that help? 

[sawacrow 8 Likes (Newbie)]

@GreenSock Thank you!
It should work every time it is scrolled.
Also, all objects with the same class had to work.
This is how I updated it.

 

See the Pen zYLBgBw by sawacrow (@sawacrow) on CodePen