[ScrollTrigger issue with Gatsby]

Hi @GreenSock, thank you very much for your quick response and your kindly welcome!

 

Although it's my first time writing at the forum, I've been part of Club GreenSock for a while now and can't be happier with it

 

I completely understand this is more a Gatsby thing, not Gsap. But was worth trying!

 

I'm going to keep digging this issue, and in case I came up with a worthy solution, you can bet I'll post it here for this incredible community.

Best!

[ScrollTrigger issue with Gatsby]

Hi guys,

 

It's my first time implementing Gsap with Gatsby and encountered myself facing exactly the same issue as described by @Vlad Tw.

 

In my case, it's for a typographic website with lot's of animations based on inlined svg, styled divs and text. So I don't have any image in order to use the <img src="..." onLoad={() => ScrollTrigger.refresh()} /> fix...

 

Replacing the Gatsby `Link` with regular `a` - as Vlad said - it would indeed solve my issue. But I must concur that it's not the ideal solution.

On 10/5/2021 at 6:52 PM, Vlad Tw said:

Replacing Gatsby Link with regular a tag would be a sad compromise when using GSAP with Gatsby, since the speed of loading a page would be drastically decreased. I strongly hope there could be some twist to this.

 

 

So I was wondering if any of you found another approach in solving this.

Thanks in advance!