How to make this animation with GSAP

[c_h_r_i_s 0 Likes (Newbie)]

I'd like to create a homepage with two images on each side. When I start scrolling, I'd like the main page to hold while the first image scrolls up. When I continue scrolling I'd like the next image to start scrolling up. Then I'd like the main page to start scrolling normally.

 

Can anyone give me any guidance of achieving this? Is ScrollTrigger the right thing to use here?

 

Thanks!

[jimmy-a 10 Likes (Newbie)]

Hello Chris!

 

I'm not a pro using GSAP, your general idea sounds like one that would use the scrollTrigger plugin, but maybe you may resolve that using the CSS property position: sticky – Have you read about that one? 

 

It'd be great if you could provide a visual example (e.g. image explaining what should happen in this homepage of yours), maybe even a reference link. A Codepen demo would be awesome.