1

我正在尝试按照此 Plunkr 中的示例在ng-click 事件上在 AngularJS 中实现 scrollTo 效果。

我正在尝试滚动到分类标题，如下所示：

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() 时做错了什么？

这是我的 Plunkr

4

2 回答 2

1

一段时间后想通了。我指定$scope.categoryhead不正确。

这是一个带有 anchorscroll() 的 Plunkr；到各种页面元素。

于 2013-11-01T14:42:11.550 回答
-1

您错过了要应用的 css，因为没有给出高度，它没有显示滚动

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

这是更新的plunker

于 2013-11-01T11:20:52.130 回答