Adding Scroll smoother to Wordpress

[Jloafs]

Hi guys.

 

I'm trying to add Scroll Smoother to Wordpress but getting errors. Can I just check this is the correct way to include? 

 

I have added the ScrollSmoother.min.js file to a folder called 'js' and am enqueueing the script in my functions.php file like so:

 

wp_register_script('scrollsmoother', get_template_directory_uri() . '/js/ScrollSmoother.min.js', array(), 1, true);
        wp_enqueue_script('scrollsmoother');

Is this the correct way?

 

Here's the errors btw:

 

ScrollSmoother.min.js?ver=1:10 Uncaught TypeError: Cannot read properties of undefined (reading '_getVelocityProp')
    at Function.register (ScrollSmoother.min.js?ver=1:10:825)
    at _createPlugin (gsap.min.js?ver=1:10:40546)
    at gsap.min.js?ver=1:10:40564
    at Array.forEach (<anonymous>)
    at Object.registerPlugin (gsap.min.js?ver=1:10:40069)
    at ScrollSmoother.min.js?ver=1:10:8984
    at ScrollSmoother.min.js?ver=1:10:140
    at ScrollSmoother.min.js?ver=1:10:175
register @ ScrollSmoother.min.js?ver=1:10
_createPlugin @ gsap.min.js?ver=1:10
(anonymous) @ gsap.min.js?ver=1:10
registerPlugin @ gsap.min.js?ver=1:10
(anonymous) @ ScrollSmoother.min.js?ver=1:10
(anonymous) @ ScrollSmoother.min.js?ver=1:10
(anonymous) @ ScrollSmoother.min.js?ver=1:10
ScrollSmoother.min.js?ver=1:10 Uncaught TypeError: Cannot read properties of undefined (reading '_getVelocityProp')
    at Function.register (ScrollSmoother.min.js?ver=1:10:825)
    at _createPlugin (gsap.min.js?ver=1:10:40546)
    at gsap.min.js?ver=1:10:40564
    at Array.forEach (<anonymous>)
    at Object.registerPlugin (gsap.min.js?ver=1:10:40069)
    at animation.js?ver=1:8:6
register @ ScrollSmoother.min.js?ver=1:10
_createPlugin @ gsap.min.js?ver=1:10
(anonymous) @ gsap.min.js?ver=1:10
registerPlugin @ gsap.min.js?ver=1:10
(anonymous) @ animation.js?ver=1:8

 

[GreenSock]

First of all, thanks for being a Club GreenSock member, @Jloafs!

 

It sounds to me like maybe you're using an old version of ScrollTrigger on your site (with a mis-matched ScrollSmoother version). I'd definitely recommend using the latest version of everything (3.11.3 as of right now). And you are loading ScrollTrigger too, right? And GSAP of course.

[Jloafs]

Of course - you're absolutely right 😀 Thanks so much.