如何使用anchorscroll（）将窗口滚动到AngularJS中的元素？

Question

我试图在ng-click事件中实现在AngularJS中的scrollTo效果，following the example in this Plunkr。

我试图滚动到categoryhead，像这样：

myApp.controller('FoodCtrl', function ($scope, $http, $location, $anchorScroll) { 

//other stuff 

$scope.loadFood = function(category) { 
//other stuff 

    //Scroll category head to top of page 
    $scope.categoryhead = "#" + category; 
    $location.hash($scope.categoryhead); 
    $anchorScroll(); 

//Ajax load stuff 
}; 
}); 

我的$值scope.categoryhead模板打印出来，可以看到，它是正确的ID为每一个元素，但窗口不滚动。我在尝试将元素ID传递给$ anchorscroll（）时做错了什么？

Here's my Plunkr

Answer 1

你错过了CSS来使申请，因为没有高度给予其没有显示滚动

.scroll{ 
    height: 350px; 
    overflow: auto; 
} 

这里是更新plunker

Answer 2

想通了一段时间后。我错误地指定了$scope.categoryhead。

Here's a Plunkr with anchorscroll(); to various page elements.