ScrollTrigger not working with smoothscrollbar.js

[pepethefroggg]

So I was trying to add gsap to a website where I'm already using smoothscrollbar.js from idiotWu. 

As you can see from the codepen the scrollers scroll with the rest of the page, without giving me the chance to trigger the animation.

 

I tried to move things around, like choosing a different DOM element as scrollbar, or loading gsap before smoothscrollbar and others.

I just can't find a way to keep both smoothscrollbar.js and gsap in the same project

See the Pen vYmKoNo by pepethefroggg (@pepethefroggg) on CodePen

[OSUblake]

Hey pepe!

 

You can try using the scrollerProxy.

https://greensock.com/docs/v3/Plugins/ScrollTrigger/static.scrollerProxy()

 

See the Pen oNLqgBm by GreenSock (@GreenSock) on CodePen

 

 

[pepethefroggg]

On 7/9/2021 at 6:37 PM, OSUblake said:

Hey pepe!

 

You can try using the scrollerProxy.

https://greensock.com/docs/v3/Plugins/ScrollTrigger/static.scrollerProxy()

 

 

 

 

 

worked like a charm! Thank you so much