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');

    });
});

我只是想平滑地滚动到body标签顶部的特定偏移处。我是否必须以不同的方式使用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。

如何使用ngAnimate平滑滚动？

1 个答案: