Webflow tabs fires Scrolltrigger before it's scrolled in view

Community resources
1

Hi everyone. I’m working on this cool project, and it’s the first time I’m using Scrolltrigger to this extent. I used Timothy Ricks’ gsap text animations, and I have a tabs element in there that messes with the trigger. Here’s the read-only link: Webflow - Energize GmbH , and here’s the website: https://energize-gmbh.webflow.io/

I’ve been struggling with this for two days, I can’t get my mind around it, the code sometimes works, sometimes it doesn’t, and it never works on Safari unfortunately. Thank you all, please help!

2

Welcome @VladimirPetroski :wave:

I see it working, consistently (for me) after a fresh page load and I scroll it into view, I don’t see it happen unless I reload the page again.

Looks like you have “scroll into view” which I’m fairly certain happens just the once (per page load). Reloading your page then triggers this again.

Checkout a good cloneable example that works the same:

Hope that helps!

3

Thanks so much @ChrisDrit , I want it to be able to work without refreshing.

4

See if the other option, while scrolling in view will work for you.