Javascript ng show通过时滚动页面？

以下是我试图解决的问题：例如，您有一个非常简单的

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，所以当我点击按钮时，它会打开div，但是在我向下滚动页面之前我看不到它。我知道如何使用angularJS，在点击时将页面滚动到最后，但这并不是我所需要的。当一些

div

显示在ng show上时，我需要这样做。它会自动滚动页面，以便我可以看到整个

div

（如果它适合页面）

---

什么是正确和简单的方法呢？

我认为这实际上取决于上一节和当前一节内容的高度。我不知道，

$anchorScroll

的关注点是什么，但让我尝试结合

ng show

和

$anchorScroll

：

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

这是我提出的一个解决方案，希望能够解决您的问题