Smooth scroll snapping to custom progress timeline value

[Frants]

Hello guys!

Im trying to build app with three.js scene, where is camera params binded to a scroll position

Threre is some snap-points on timeline, which serve as keystates for camera movement

 

Problem with snapping. Here is video https://drive.google.com/file/d/1Us_aJ9F9DJfjEyDqsODP-u0fOCUcnukt/view?usp=sharing

Velocity is jumping and snapping is not working as expected in chrome Version 87.0.4280.88

Same codepen work nicely in Firefox 83.0 😶

 

All transitions for animated camera must be smooth, and snap must instantly after scrolling, (without any delay as it for now in firefox).
Will be glad for any help 🙂

See the Pen JjRbeXe by frantsmn (@frantsmn) on CodePen

[ZachSaucier]

Hey Frants and welcome to the GreenSock forums.

 

This issue looks like a bug when the user's zoom level is not 100% that we've already fixed in the latest beta as the thread below describes. Can you please try the latest beta and see if it resolves your issue? https://assets.codepen.io/16327/ScrollTrigger.min.js

 

[Frants]

Thank you for your prompt response!

Latest beta https://assets.codepen.io/16327/ScrollTrigger.min.js works perfectly!

[ZachSaucier]

8 minutes ago, Frants said:

Latest beta https://assets.codepen.io/16327/ScrollTrigger.min.js works perfectly!

🎉  Glad to hear it. Thanks for the report anyway.