Delay Scroll Behavior on Animation

[Eli Altman]

I'm not sure where to start with codepen for this issue, but hopefully I can explain what I am trying to do with this video.  I want to reach each of those animation sections and no matter how much the user scrolls, the user cannot go into the next section until the animation has completed. I also want it so that padding isnt added, so if a user scrolls back up, the sections are stacked without padding. Thanks!

[ZachSaucier]

Hey Eli. It sounds like you're wanting something like this: 

 

Perhaps there's a more recent thread about the same subject - I haven't been following these forums very closely the last few months  @Cassie or @GreenSock has there been any public update related to this subject?

[OSUblake]

It would probably better to use wheel events and other fake scrolling techniques. But that video looks pretty involved. Definitely no easy button for that.

[OSUblake]

1 minute ago, OSUblake said:

It would probably better to use wheel events and other fake scrolling techniques.

 

Good example of that.

 

See the Pen PoWapLP by BrianCross (@BrianCross) on CodePen

 

[mikel]

 

Hey,

 

A tricky, definitely not the best solution.

 

See the Pen XWRRWNQ by mikeK (@mikeK) on CodePen

 

Happy tweening ...

Mikel

[Eli Altman]

On 7/16/2021 at 8:14 AM, mikel said:

 

Hey,

 

A tricky, definitely not the best solution.

 

 

 

 

Happy tweening ...

Mikel

Thank you for the help! Do you think there is a better solution than just increasing pin length between each scroll to account for users that scroll quickly through the page?