Hey guys, i need a little help with this one. I have multiple elements with the same class on the page. And i want to animate on the one that is entering the viewport. I thought that scrollTrigger only takes the element in the viewport and animate that exact one. Pls advice. Many thanks
See the Pen mdOBqEa by Buzzworthy (@Buzzworthy) on CodePen
Hey @jjmolnar
ScrollTrigger is incredibly powerful, but it can't know what you want if you don't explicitely tell it to. The way you have things set up, you are adressing all elements with the class .title with your tween and triggering the animation for all of them on the first element with that class. If you want to trigger an animation for each element individually, it would probably be best to loop over all the items and create a ScrollTrigger forEach of them individually.