title: Replacing scrolling with easing animation
body: <p>I have been trying hard to replace the default <code>$(window).scroll()</code> behavior with beautiful easing animation. But no luck so far. Following is my code.</p>
  
  <pre><code>$(window).scroll(function(e){
      e.preventDefault();
  
      var cp=$(window).scrollTop(); // current scroll position
  
      //animate with custom easing
      $('html, body').animate({scrollTop:cp}, 50,'easeInElastic');
  
  });
  </code></pre>
  
  <p>But this is not working. It simply scrolls 1-3 pixels only and very slow.</p>
  
  <p>If i change it to <code>$('html, body').animate({scrollTop:500}, 50,'easeInElastic');</code>
  it just does it once and thats not what i want.</p>
  
  <p>I want the replace the standard scroll behavior with easing animation when user presses the scroll-bar buttons.</p>
  
  <p>JSFiddle link <a href="http://jsfiddle.net/bfDrp/" rel="nofollow">http://jsfiddle.net/bfDrp/</a></p>