No it's not related, the problem is that the animation resets when the address bar shows again.
Spend days figuring out how to fix this, I fixed it by not defining a trigger. Did not even know that was possible, do you have any clue what was the problem for me so I understand?
// Tale fade words
const letters = document.querySelectorAll('.section-hero .tale-fade span');
let taleFade = gsap.timeline({
scrollTrigger: {
// trigger: '.section-hero .sticky',
start: '0',
end: '+=60%',
scrub: true,
},
});
taleFade.to(letters, {
opacity: 0,
stagger: 0.1,
});