点击时流畅滚动

silky smooth scrolling on click?

本文关键字：滚动      更新时间：2024-05-26

我正在使用animate。

请单击底部显示的loadmore按钮：http://www.arrowlife.com

我个人觉得向上滚动动画有点不连贯。

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

我试过直线、摇摆。。但力得到了预期的结果。我看了一些SO链接，但不满意。

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

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

如果我理解正确的话，我认为你正在寻找的效果叫做放松。我更喜欢"easeInOutQuart"，但请查看所有jQuery UI的easings。希望这能有所帮助！

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

相关文章：