ScrollTop动画jquery

Question

我正在尝试如何在第一个脚本中设置scrollTop函数的动画，但每次我这样做时，第二个使页面完全高度的脚本不再起作用。

所以每次

 $('body').animate({
                scrollTop: top
            }, function () {
                $prev.addClass('current');
            });

这变成了

   $('body').animate({
                scrollTop: top
                easing:'easeOutElastic'
            }, function () {
                $prev.addClass('current');
            });

第二个脚本停止工作。

http://jsfiddle.net/swm53ran/479/

Answer 1

还请包含jquery-ui.js以缓解效果。 然后，您可以在语法.animate( properties [, duration ] [, easing ] [, complete ] )

中使用缓动效果

在你的例子中，它将是 -

 $('body').animate({
     scrollTop: top
  },1000,'easeOutElastic', function () {
     $prev.addClass('current');
  });