For Each ScrollTrigger Reverse Animation for Other

[fonveton]

Hello,

 

I'm looking for help something I couldn't work around. What I'm trying to do is with foreach and scrolltrigger animate each image, but I'm also trying reverse the animation for not current images. What should i do to solve this problem?

 

You can see full demo here: https://demo.pentayazilim.net/bati-ip/

See the Pen bGaRrGo by manidar (@manidar) on CodePen

[mvaneijgen]

Have you seen .batch() https://greensock.com/docs/v3/Plugins/ScrollTrigger/static.batch()? 

You can create enter and leave animations. I'd made them with opacity, but now updated them to have your initial animations, but you can animate what ever you want with them.

See the Pen PoEjOpq?editors=0010 by mvaneijgen (@mvaneijgen) on CodePen

I've updated your start and end positions, but you can tweak them to your liking 

[fonveton]

Thank you i didn't know about batch. That solved my problem.