anchorScroll 不工作，转到页面顶部

Question

我有以下代码

$scope.scrollTo = function(id) {
     alog($location.hash());
     var toScrollId = "anchor" + id;
     if($location.hash() !== toScrollId){
       alog(" hash is not equal")
       $location.hash(toScrollId);
     }else{
      alog(" hash is equal")
       $anchorScroll();
     }
};

html 看起来像

<button ng-click="scrollTo(raceid)">GO TO THIS</button>

<div ng-repeat="race in races" id="{{ 'anchor' + race.raceId}}">
</div>

但滚动总是到页面顶部。我做错了什么？

Answer 1

您的ng-repeat 将id 分配给父元素（在本例中为races div），您可能需要先对其进行修改：

<div ng-repeat="race in races" id="races">
    <div id="{{ 'anchor' + race.raceId }}">Some race</div>
</div>