Jump to content
Search Community

GSAP ScrollSmoother showing errors in the console

zoro_roronoa test
Moderator Tag

Recommended Posts

Hey there 👋,

I am currently working on a project and tried to integrate the gsap scrollSmoother on my website, as I am not a club greensock member I installed the gsap-trial version and after registering the plugin and all when I launched my website, it crashed😭. Below is the ss of my code:

image.thumb.png.040d742d351d7b3da578a9885d0550a0.png

I took the stater code from the gsap official website for the scrollSmoother as you can see.

This is the error I am getting:

image.thumb.png.a8ff96f86d513a58ceeef952644a028b.png

I would highly appreciate 🙏 if someone can point out the mistake I am making or if the problem is related to the library

Link to comment
Share on other sites

Sorry to hear about the trouble! A few comments: 

  1. You definitely should NOT be launching a site using the trial version of the bonus Club GSAP plugins. You'll get redirected. Those are only supposed to be used locally or on CodePen/Stackblitz or an IP address. Sign up at https://gsap.com/pricing 
  2. Make sure you register all the plugins you're using, including ScrollTrigger and the useGSAP hook. ScrollSmoother is built on top of ScrollTrigger, so that should be registered first.
    gsap.registerPlugin(useGSAP, ScrollTrigger, ScrollSmoother);

     

  3. Make sure you're using the latest version of everything. 

If you're still having trouble, we'll really need to see a minimal demo that clearly illustrates the problem. It's super difficult to troubleshoot blind. 🙂

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...