Jump to content
Search Community

"Reverse" ScrollTrigger how to?

Fathom test
Moderator Tag

Recommended Posts

Having a bit of a time trying to do the following:
- Site has a hero region at the top of the page with it's own nav
- When scrolling down to a certain trigger fade in a separate sticky nav/header

- Once scrolling back up to a point on the hero region, fade sticky header out

- Repeat ad nauseam while scrolling up and down

Link to comment
Share on other sites

Hi Fathom!

 

Have you looked at the toggleActions?

 

Quote
toggleActions String - Determines how the linked animation is controlled at the 4 distinct toggle places - onEnter, onLeave, onEnterBack, and onLeaveBack, in that order. The default is play none none none. So toggleActions: "play pause resume reset" will play the animation when entering, pause it when leaving, resume it when entering again backwards, and reset (rewind back to the beginning) when scrolling all the way back past the beginning. You can use any of the following keywords for each action: "play", "pause", "resume", "reset", "restart", "complete", "reverse", and "none".

 

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