I spend some time implementing it for much complex animations and it worked fine, but in the process of doing it I found much better solution:
gsap.timeline({
scrollTrigger: {
...otherProps,
pinSpacing: false
}
})
It does exactly the same, but it so much easier, especially because there is not need to hardcode start and end points.
It's a shame it took me so long tho
Solution:
See the Pen eYeLNWQ by jshikanova (@jshikanova) on CodePen
// v2
var tracker = ThrowPropsPlugin.track(slider, "x");
var skew = tracker.getVelocity("x") / 200;
// v3
const skew = InertiaPlugin.getVelocity(slider, "x") / 200;
Thanks, but I was looking for this value
Julia Shikanova's post in ScrollTrigger - how to remove gaps between scrollTrigger timelines? was marked as the answer