Integation of locomotive js with gsap is not working please help

[Ram Ji]

Hi I'm new in this web development. I'm learning things right now.

This codepen is fully working but when i apply locomotive js in this js file it stops me from scrolling i don't even see the scroll bar. I want to achieve this codepen animation which also woks with the locomotive js. Please help me and explain how it works. Thanks

 

One more thing, when i apply the locomotive i change the scroller to ".main" it is still not working

See the Pen bGQZRMM by Ram-Ji-Rajput-RJ (@Ram-Ji-Rajput-RJ) on CodePen

[mvaneijgen]

Hi @Ram Ji welcome to the forum!

 

Locomotive is a third party library which is not build by GSAP. We like to keep this forum to GSAP related questions. There are lots of previous topics about locomotive scroll and ScrollTrigger on these forums  https://greensock.com/search/?q=locomotive&quick=1&type=forums_topic&nodes=11 if you want to do some research yourself

 

But GSAP has its own smooth scroll library aptly named SmoothScroll, which works out of the box with ScrollTrigger, so this will save you a lot of hassle. You are free to use what ever tool you like of course, but personally I can't help you with Locomotive. 

 

See the Pen xxQBLgq?editors=0010 by mvaneijgen (@mvaneijgen) on CodePen

[Ram Ji]

@mvaneijgen Please I just need a little bit of help I am new to GSAP and locomotive. It is just a small animation you might correct in just some minutes.

[GreenSock]

@Ram Ji sorry, we don't support LocomotiveScroll here. There is a demo in the docs that might help a bit: 

 

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

 

Good luck! 👍

[Rodrigo]

Hi,

 

@akapowl, one of the superstars here in the forums, created a great example of using Locomotive with ScrollTrigger that combines vertical and horizontal animations:

See the Pen wvJroYy by akapowl (@akapowl) on CodePen

 

Hopefully this helps.

Happy Tweening!