title: jQuery scroll on hover
body: <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;body&gt;
  &lt;div class="top-corner"&gt;&lt;/div&gt; &lt;!-- absolute, top: 0 --&gt;
  &lt;div class="bottom-corner"&gt;&lt;/div&gt; &lt;!--  absolute, bottom: 0 --&gt;
  &lt;a href="#" class="top-link"&gt;top&lt;/a&gt; &lt;!--  fixed, top 50%, left 0 --&gt;
  &lt;a href="#" class="bottom-link"&gt;bottom&lt;/a&gt; &lt;!--  fixed, top 60%, left 0 --&gt;
  &lt;div style="padding: 1500px 0;"&gt;&lt;/div&gt; &lt;!--  for scroll test --&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Using scrollto plugin
  <a href="http://demos.flesler.com/jquery/scrollTo/" rel="nofollow noreferrer">http://demos.flesler.com/jquery/scrollTo/</a></p>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$(".top-link").hover(function(){
      $("body").scrollTo($(".top-corner"), 3000);
  },function(){
      // stop on unhover
  });
  $(".bottom-link").hover(function(){
      $("body").scrollTo($(".bottom-corner"), 3000);
  },function(){
      // stop on unhover
  });
  </code></pre>
  
  <p>Animation works on hover. <strong>How to stop it on unhover?</strong></p>
  
  <p>Thanks.</p>