Vertical animation with ScrollTrigger for reverse column of pictures

[ewhite]

I have only recently discovered this library and I am still struggling to complete the animations. I am trying to animate a 3-column section. In the middle column, we have a text, centered in the section (100vh). In the first and last column we have a group of images (4) that while scrolling, one column slides the images up and down while in the other column, the images go in the opposite direction. I leave the codepen of what I have achieved so far, but it doesn't work correctly. The central text must remain fixed, until the images have finished applying the animation. Can you help me?.  Thanks for taking the time to read me

See the Pen ByNWYEL by eduwhite (@eduwhite) on CodePen.

[Rodrigo]

Hi @ewhite and welcome to the GSAP Forums!

 

Maybe these demos can get you in the right direction:

See the Pen vYjqXLm by GreenSock (@GreenSock) on CodePen.

 

See the Pen qEBBepM by GreenSock (@GreenSock) on CodePen.

 

See the Pen jEOEPgQ by GreenSock (@GreenSock) on CodePen.

 

Hopefully this helps

Happy Tweening!