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

I would do it by detecting user events

$('body,html').bind('scroll mousedown wheel DOMMouseScroll mousewheel keyup touchmove', function (e) {
  if (e.which > 0 || e.type == "mousedown" || e.type == "mousewheel" || e.type == "touchmove") {
    $("html,body").stop();
  }
});

Here is a good tutorial.