Jump to content
Search Community

Scrollmagic and 2 tweens

Klaus test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hi, I am trying to achieve an effect that when I scroll the page I move two different lists of words,

and I can see just two word per time (one of each list).

After I see the 6 words, I unpin the lists and go to another section.

 

and I know I'm doing it quite wrong, so I'm asking for some help or tips.

 

Thank you.

See the Pen xPjZKj by sktklaus (@sktklaus) on CodePen

Link to comment
Share on other sites

That's most probably because list on left side goes up and covers shorter distance to go out of view while one on right covers longer distance, so they will never be in sync. Try placing them in center, give them all same height as that container, then they will align perfectly.

Link to comment
Share on other sites

I can't work with Codepen,

 

This website is under heavy load (queue full)

We're sorry, too many people are accessing this website at the same time. We're working on this problem. Please try again later.

 

Error 502 bad gateway.

 

Is that normal?

 

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...