title: Jquery .animate() stop scrolling when user scrolls manually?
body: <p>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 kinda stutters.</p>
  
  <pre><code>    $( "section" ).click(function(e) {
          $('html,body').animate({ scrollTop: $(this).position().top }, 'slow');
          return false; 
      });
  </code></pre>
  
  <p>How can I stop the jquery animation if the user scrolls manually?</p>