There is a lag with page scrolling while using ScrollSmoother

[call007 4 Likes (Newbie)]

Hi everyone,

I've noticed this problem in 3.11.4 version of GSAP. When scrolling a page for the first time you can see the strange jumping of the content (around 15px). You can check it on the demo. Is there a way to fix it?

Thanks

See the Pen eYjzORQ by call007 (@call007) on CodePen

[GreenSock 17,888 Likes (Superhero)]

Thanks for reporting that, @call007! It should be resolved in the next release which I dropped into this fork: 

See the Pen rNrjqWy?editors=1010 by GreenSock (@GreenSock) on CodePen

 

In the meantime, though, you can just add this one line of code to fix 3.11.4:

smoother.scrollTrigger.getTween().resetTo("totalProgress", 0);

(Obviously that entails saving your ScrollSmoother as a variable named "smoother")

 

Better?

 

Sorry about any confusion there!

[call007 4 Likes (Newbie)]

It works fine with this line (and in the demo above) :

smoother.scrollTrigger.getTween().resetTo("totalProgress", 0);

 

Thank you for your help!

Good luck!