title: stop scrolling animation not working?
body: <p>I want to scroll down the page when I drag over my div so, </p>
  
  <pre><code> $('#scroll-handle-down').on('dragover', function () {
  
      console.log('we hovered');
      $('html, body').animate({
          scrollTop: height
      }, 10000);
  });
  $('#scroll-handle-down').on('dragleave', function () {
      console.log("left")
      $('html, body').stop().animate();
  });
  </code></pre>
  
  <p>in drag over I am setting scroll animation, but when I get out of that div, its keep on scrolling, </p>
  
  <p>I want to stop scrolling when I am not over the particular div.</p>
  
  <p>how can I stop that scroll animation in my dragleave event?</p>