如何使用ngAnimate平滑滚动？

Question

我想知道为什么在我的控制器里面这不起作用：

angular.module('app', [
        'ngAnimate',
    ])
    .controller('MainCtrl', function ($scope, $log, $window, $document) {
        var scrollTop = 200 // For example
        angular.element(document).find('body').animate({scrollTop: scrollTop}, 'slow');

    });
});

我只是想平滑地滚动到身体标签顶部的特定偏移。 我是否必须以不同的方式使用ngAnimate ？

TypeError： angular.element（...）。find（...）。animate不是一个函数

Answer 1

ngAnimate与.animate()没有任何关系。 此函数与jQuery有关，而与AngularJS无关。 因此，一个可行的解决方案将如下所示：

angular.module('app', [
        'ngAnimate',
    ])
    .controller('MainCtrl', function ($scope, $log, $window, $document) {
        var scrollTop = 200 // For example
        $('html, body').animate({scrollTop: scrollTop}, 'slow');

    });
});

另外，在加载上面的脚本之前，不要忘记在html文件中加载jquery。