Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
c_h_r_i_s

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?

 

Thanks!

Link to post
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 post
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.

×