ScrollSmother JS Error

[mark zhang]

Hi,

 

I would like to know what is the min/max compatibility with GSAP and ScrollSmother? I tried with GSAP 3.12 and the latest .min file for ScrollSmother(3.12.2) it shown as error. Unfortunately the error is not appearing on codepen demo. So, I can't give a demo here.

 

[mark zhang]

Hi, I've found the issue. The issue was with scrollTrigger(3.4.0) plugin. The error is gone when I used updated version.

[GreenSock]

Thanks for letting us know. By the way, I suspect you might be calling gsap.registerPlugin(ScrollSmoother) when there's no window or document defined (like in an SSR environment) - is that right? Are you using Next/React or something? It's typically best to register the plugin when the window/document exist. 

[mark zhang]

@GreenSock

 

I'm using it on a WordPress site with pure HTML and CSS. And, yes, I've used the document load. But the error was there until I downgrade the scrollTrigger version. 

 

 

[GreenSock]

Oh yes, it looks like you're doing it right then. I'm glad the latest version resolves things for you. And it totally makes sense because ScrollSmoother was introduced long after ScrollTrigger version 3.4, and it's built on top of ScrollTrigger so if you had a really old version of ScrollTrigger like that then it isn't surprising that it was problematic. 

 

Thanks for being a Club GSAP member! 💚