Jquery .animate() stop scrolling when user scrolls manually?

Question

I have set up a snippet that scrolls a page section into view when it\'s clicked, the problem is that if the user wants to scroll in the middle of the animation the scroll k

Answer 1

Try this

$('html,body').scroll(function() {
    $(this).stop(true, false);
});

It will also remove all other animations from the element's queue, but it won't "jump" to the end of the current scroll animation.