當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顯示它自動滾動頁面，所以我可以看到整個div（如果它適合頁面）。

什麼是正確和簡單的方法來做到這一點？

Answer 1

我認爲這真的取決於前一個和當前div的內容的高度。我不知道什麼是$anchorScroll的關注，但讓我結合ng-show嘗試，也$anchorScroll：

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

在這裏，我想出了一個plnkr，希望能夠解決你的問題