Jump to content
Search Community

Pin each horizontal scrolling section

cerealbeast test
Moderator Tag

Recommended Posts

I'm blanking on the logic at the moment, but I would do something like this. Create a timeline do your ScrollTrigger logic there. Then for each panel move the whole container that amount (should be .panel + .spacing?) , then at an empty tween for how many seconds you want to pause the timeline, right now this is 2 seconds, that is 4 times the amount of your move tween (default tweens are 0.5 seconds). Keep in mind that timing gets converted in scroll distance when working with ScrollTrigger 

 

I'm blanking on what the logic should be for the amount it should move, but the rest should be correct. Hope it helps and happy tweening! 

 

See the Pen JjBjNma?editors=0011 by mvaneijgen (@mvaneijgen) on CodePen

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