Jump to content
Search Community

Pin and release on scroll

devilsinkpot test
Moderator Tag

Recommended Posts

Hi

GSAP newbie here. I came to GSAP because I want to achieve one specific animation. But I can't get my head around it yet. Maybe someone can give me an example I can build upon and learn?

 

The site should have sections with 100vh, each with a centered container. The first container should stay pinned once the wrapping section reaches the top of the viewport (or when the container is centred in the viewport). Then the next section should scroll up until this one reaches the top, then the first should unpin and both scroll up together.

 

I didn't manage to come up with a working example so far. Can you help me?

Thanks!

Devi

Screenshot 2021-11-29 at 15.45.30.png

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.
×
×
  • Create New...