Hello. I'm trying to do my scroll animation. I've had such a problem that when I scroll more than once, the animation is jerky. How do I make sure that when I scroll more than once, the animation is simply extended to a distance equal to the number of times I scroll?
I have this now: https://jsfiddle.net/drkrol/mtvhrdgb/8/
I aspire to this: http://maxlepinskih.com/prices
Ah, I was using my touchpad to scroll which works fine. After plugging in my mouse and scrolling with the wheel I understand what you're getting at.
The trick then is to keep track of how much distance was not reached by the time the subsequent scroll events happen. I added a couple variables to keep track of it. I also fixed the issue where people scroll above the default position (but not past the last one). Let me know if you have any questions!
https://jsfiddle.net/Z