ScrollTop animate jquery

Question

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

所以每次

 $('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');
  });