javascript - 单击时如丝般顺滑的滚动？

Question

我正在使用动画。

请点击底部出现的加载更多按钮:http://www.arrowlife.com

我个人觉得向上滚动动画有点生涩。

我想给它一个非常光滑的黄油般的感觉(就像我们在 iphone 上那样)。我怎么能做一些超光滑的动画(如果可能的话使用 jquery，避免任何插件。)

我尝试了 linear,swing..但没有得到想要的结果。我查看了一些 SO 链接但不满意。

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');

如果我理解正确的话，我认为您正在寻找的效果称为缓动。我更喜欢“easeInOutQuart”，但请查看所有 jQuery UI 缓动。希望这对您有所帮助!

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