silky smooth scrolling on click?

Question

I am using animate.

Please click the loadmore button that appears at the bottom:http://www.arrowlife.com

I personally feel that scroll up animation is a little jerky.

I want to give it a very smooth butter like feeling(like we have on iphone).How could I do some ultra smooth animtion(if possible with jquery,avoiding any plugin.)

I tried linear,swing..but dint get the desired result.I viewd a few SO links but was not satisfied.

var scroll=$(document).scrollTop()+700;
  $('html,body').animate({
      scrollTop:scroll
    }, 1200);

Answer 1

var scroll = $(document).scrollTop() + 700;
$('html,body').animate({
    scrollTop: scroll
}, 1200, 'easeInOutQuart');

I think the effect you are looking for is called easing, if I understand you correct. I prefer "easeInOutQuart", but check out all of the jQuery UI easings. Hope this helps!

http://jqueryui.com/resources/demos/effect/easing.html