How to deal with slow animation and frequent user actions in the interface?

Question

JavaScript

A large number of columns does not fit on the screen, step-by-step paging with smooth animation is made ( prototype ).
What is the best way to deal with the situation when the user presses the button a lot and often and the animations do not have time to play out? Try in that fiddle to often press the arrow on the keyboard.
It only comes to mind to “swallow” extra pressings per unit of time, ignoring them. But, probably, this will upset the user in a hurry.

Answer 1

When scrolling, queue the position of the block, and calculate the animation speed by the length of the queue, the higher, the faster. The animation should go to the last item in the queue. If you click on the opposite button, then the animation should stop at the nearest next element, the queue should be cleared, and the animation should start in the opposite direction.
Animation will have to be done in js, because. in transition, you cannot smoothly dynamically change the speed of the animation.