Flashes during scroll in ScrollMagic with smooth-scroll

[wizardnet972]

In my website I want to use smooth-scroll with ScrollMagic.

I follow the examples and the source code from ScrollMagic to integrate custom scrollbar.

The problem is I got a flashes during the scroll. I think this is because smooth-scroll use transform: translate3d(...) and ScrollMagic does top property.

How can you make it work together despite everything?

 

I built an example in Codepen. 

 

See the Pen jvxMjb by shlomilevi (@shlomilevi) on CodePen

[PointC]

I'm not sure what to tell you on that one as your pen is not using GSAP at all. ScrollMagic can use GSAP, but it is not a GreenSock product. 

 

You'll probably be able to get an answer from the support channels of those two scripts.

https://github.com/idiotWu/smooth-scrollbar/issues

https://github.com/janpaepke/ScrollMagic/issues

 

If you have any GSAP related problems or questions, we're happy to help.

 

Happy tweening.