Jump to content
GreenSock

Hugo Priet

horizontal scroll-snapping & animation of active element w/ ScrollTrigger

Recommended Posts

Hi great wizards of greensock, I 'm trying to reproduce the functionality of the gallery in the linked shot with ScrollTrigger.

I joined the pen I have working, any help is greatly appreciated!

See the Pen rNMxPwQ by smoothdev35 (@smoothdev35) on CodePen

Link to comment
Share on other sites

Hey Hugo.

 

Please keep in mind that these forums are intended for specific questions and for those questions it really helps to have minimal demos :) 

 

In your situation I think it would make the most sense to make all of your animations happen in a single timeline and ScrollTrigger. That will allow you to do snapping much more easily - you can just put labels where you need them and then tell the ScrollTrigger to snap to the labels. Keep in mind that you will need to handle the first item and the last items in special ways because they have less and different animations happening than the items in between.

  • Like 1
Link to comment
Share on other sites

Hi Zach, thank you for your help.

I will remember to keep it minimal next time around!

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