单击时丝般顺滑滚动?

时间:2013-12-10 12:40:52

标签: javascript jquery scroll smooth-scrolling smoothing

我正在使用动画。

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

我个人认为向上滚动动画有点生涩。

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

我尝试了线性,摇摆......但是dint得到了理想的结果。我查看了一些SO链接但是不满意。

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

1 个答案:

答案 0 :(得分:0)

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

我认为你正在寻找的效果叫做宽松,如果我理解你的话。我更喜欢“easeInOutQuart”,但请查看所有jQuery UI缓动。希望这有帮助!

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