如何使用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。