Jump to content
Search Community

ScrollTrigger holding during a horizontal scroll

charne test
Moderator Tag

Go to solution Solved by Rodrigo,

Recommended Posts

I haven't been able to figure out the smartest way to do this. Basically, I want a horizonal scroll just like this, but when the panel that contains box-2 fills the screen I want it to hold/freeze/pin (whatever the proper term) and wait for the box-2 object to move and once box-2 reaches the top (in this example), begin scrolling horizontally again to the next panel. I thought I remember once seeing an example showing how to stop the horizontal scrolling so an additional scrollTrigger movement can occur within the panel before it moves on but I can't find an example anywhere now. 

See the Pen WNjaxKp by GreenSock (@GreenSock) on CodePen

Link to comment
Share on other sites

  • Solution

Hi,

 

Maybe this example is the one you're referring to?:

See the Pen ZEoNvpE by GreenSock (@GreenSock) on CodePen

 

This is basically the same example but with a more dynamic approach:

See the Pen NWzgrQQ by GreenSock (@GreenSock) on CodePen

 

Hopefully this helps. Let us know if you have more questions and remember to include a minimal demo.

Happy Tweening!

  • Like 1
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...