I am trying to create an animation in which elements would move to the left when scrolling page down, and, accordingly, to the right when scrolling page up. I have a problem related to animation speed. If the animation is coming to end, and at this moment you change the page scroll, then the element will move at a much slower speed than if the animation had started from the beginning. I want to have a stable speed regardless of the position of the element.
I noticed that this problem can be solved if you set the easing not in the interaction panel, but in the styling panel (and set the speed to zero). But this is not a solution to the problem, because later on I want to loop the animation using the “loop” property.
(The problem essence)
(What I’m trying to achieve)