ScrollBy/ScrollTo is cancelled during animation

[OnkelTem]

When I call scroller.ScrollBy(..) during manual scrolling animation, it just doesn't work. So I have to wait until animation finishes and call ScrollBy one more time.

Is there a way to stop animation?

[nkabardin]

I've faced the same issue. But looks like no one cares :(
@aneganov , have you found a solution for that?

[Henne2806]

For me there are two solutions

1. Scrolling without animation:
   Call scroller.stop() before you execute scroller.scrollBy()

2. Scrolling with animation
   The problem ist here, the new animation starts before the old animation was completed.
   In this case the property __isAnimating is set with the id of the new animation. And when the old animation is completed, then the new one will stopped because of this function call in the __publish method:

var wasAnimating = self.__isAnimating
if (wasAnimating) {
	core.effect.Animate.stop(wasAnimating);
	self.__isAnimating = false;
}

So you have to make sure that the new animation starts in a new request animation frame. So i add these lines in the __publish method:

window.requestAnimationFrame(function() {
	// When continuing based on previous animation we choose an ease-out animation instead of ease-in-out
	self.__isAnimating = core.effect.Animate.start(step, verify, completed, self.options.animationDuration, wasAnimating ? easeOutCubic : easeInOutCubic);
});