javascript - ng-show 通过时滚动页面？

Question

这是我要解决的问题:例如，您有一个非常简单的 ng-show 结构:

<button class="btn-xs btn-primary" ng-click="volunteer=!volunteer" >Volunteer</button>

<div ng-show="volunteer">
    <p> 
        <button class="btn-xs btn-primary" ng-click="">Programmmer</button> | <button class="btn-xs btn-primary" ng-click="">Designer</button>
    </p>
</div>

但是这个 div 是我页面上的最后一个，所以当我单击按钮时，它会打开 div，但在我向下滚动页面之前我看不到它。我知道如何使用 angularJS 在单击时将页面滚动到末尾，但这并不是我所需要的。当某些 div 出现在 ng-show 上时，我需要这样做，它会自动滚动页面，以便我可以看到整个 div(如果它适合页面)。

执行此操作的正确且简单的方法是什么？

Answer 1

我认为这真的取决于前一个和当前 div 内容的高度。我不知道 $anchorScroll 有什么问题，但让我尝试结合 ng-show 和 $anchorScroll:

$scope.showDiv = function()
 {
   $scope.show = true;
   $location.hash('finalContent');
   $anchorScroll();
}

这里是plnkr我想到的，希望能解决你的问题