I’m trying to have it loop so when the page loads, the tagline element fades in and slides to the right, then when the user scrolls down the tagline element slides back and fades out. However, I can’t seem to get it to repeat the interaction as the user scrolls back up to the tagline element so it comes back into view as it did on page load.
In a nutshell:
- Tagline fade in and slide right on page load
- Tagline fade out and slide left on scroll downward
- Tagline fade back in and slide right on scroll upwards
- Repeat or loop
Can’t seem to figure that part out. I can get it to fade out and slide left on scroll downward but can’t get it to fade back in and slide right as the user scrolls back up.
Here is my public share link: https://preview.webflow.com/preview/werackyourworld?preview=646d71e490397efbb06c7b09465b4b49
Live Link: http://werackyourworld.webflow.io/