Jump to content


Horizontal Container Animation

Go to solution Solved by GreenSock,

Recommended Posts

Hey guys,


I'm new to GSAP, I'm trying to set up horizontal container scroll and have it animate on each panel.

Basically, I'm hacking together the horizontal scroll demo and this animation pen:

See the Pen jOLaaLo by chole11 (@chole11) on CodePen


Currently they all animate at the same time. This is probably simple to fix with a bit more understanding of Gsap, but I'm in a hurry to make this work.

Any help would be appreciated.


See the Pen mdMjLzW by chole11 (@chole11) on CodePen

Link to comment
Share on other sites

  • Solution

Welcome to GSAP and the forums, @Chole


Are you trying to do something more like this?:

See the Pen OJjwEOB?editors=0010 by GreenSock (@GreenSock) on CodePen


You forgot to add the containerAnimation and your start positions were off. 

  • Like 4
Link to comment
Share on other sites

Hey Jack,

Thanks for the welcome. GSAP is very cool.

That's exactly what I was trying to accomplish. Thanks for your time. I appreciate it.

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.