scrolltrigger many elements on react

[pietdasilva 1 Likes (Newbie)]

hi friends, let's say i have different children elements with the same class name that i want to animate on scroll, what am i doing wrong here? thanks!

 

https://codesandbox.io/s/tender-cherry-j8cejs?file=/src/App.js

[GreenSock 18,239 Likes (Superhero)]

I assume you wanted to do something like this?:

https://codesandbox.io/s/objective-mcnulty-tj370o?file=/src/App.js

 

The problems:

1. You set your trigger element to a selector function (not an element, and not the results of the function call). 
2. You created ONE tween of ALL the circles that would get triggered at one spot, but I think you wanted an animation for EACH of the circles, all with their own ScrollTrigger so they fire and different spots (when they enter). So a .forEach() loop is perfect. 

Does that help?

[pietdasilva 1 Likes (Newbie)]

yes, that's it, thank you!