Jump to content


How to make this animation with GSAP

Recommended Posts

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?



Link to comment
Share on other sites

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. 

  • Like 2
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.