Hey guys,
I have the following problem on our landing pages:
If you open it normally via Panther - Roller Plate and then scroll, the animation which turns the header black works well.
But if instead you open the anchor link Panther - Roller Plate the animation never gets triggered.
It’s triggered by a div (located below the header) leaving the viewport, which of course doesn’t happen in the second case.
How would you solve this? I don’t find the appropriate trigger, to launch this animation otherwise. How is this solved anyway? Is my approach wrong in general?
That’s a problem with scroll triggered IX, and there’s no easy solution for it. It doesn’t only happen when you end up on the page with a link to a section, but more often with a simple “back” in the browser, where the page is reloaded at its previous state, hence the IX never being triggered.
Here’s a good solution with one simple interaction.
Create a Page trigger - While page is scrolling
Set the nav background color based on percentage scrolled in page.
Done!
This will solve the issue when opening a url link with a specific section.