<div id="scrollArea" ng-controller="ScrollController">
  <a ng-click="gotoBottom()">Go to bottom</a>
  <a id="bottom"></a> You're at the bottom!
</div>

angular.module('anchorScrollExample', [])
  .controller('ScrollController', ['$scope', '$location', '$anchorScroll',
    Function ($scope, $location, $anchorScroll) {
      $scope.gotoBottom = Function() {
        // set the location.hash to the id of
        // the element you wish to scroll to.
        $location.hash('bottom');

        // call $anchorScroll()
        $anchorScroll();
      };
    }]);

#scrollArea {
  height: 350px;
  overflow: auto;}

#bottom {
  display: block;
  margin-top: 2000px;}