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