Progress bar with scrollTrigger not working correctly

[CamelCase]

Hello, 

I need help with an abnormal scrollbar behavior. The gauge teleports in all directions when scrolling instead of scrolling from left to right and vice versa depending on the scroll.

I've put an example of the problem on codepen. 

Have a nice day, 

Laura

See the Pen by pen?template=raNqgdy (@pen?template=raNqgdy) on CodePen.

[mvaneijgen]

Creating a timeline with both your tween on it and then using the position parameter will be much easier for this, then your tween just play at the same time and you don't need to do fancy onUpdate calculations. 

 

Also note if you want no ease you'll set ease: "none", see the see ease visualizer https://gsap.com/docs/v3/Eases/

 

Hope it helps and happy tweening! 

 

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

[CamelCase]

Hello, 

Thanks for your help in synchronizing the two elements with the timeline