AngularJS Get Element Scroll Position

      <div id="myElement" ng-init="trackElementScrollPosition('myElement')">

        <p>

          Font Awesome is a popular icon set used by designers and developers

          worldwide. It was created by Dave Gandy in 2012 and has since become

          one of the most widely used icon sets on the web.

          <br />

          Font Awesome icons are vector-based, which means they can be scaled to

          any size without losing their quality or becoming pixelated.

        </p>

      </div>

      <p>Scroll Top: {{ positionTop }}px</p>

      <p>Scroll left: {{ positionLeft }}px</p>

    </div>

    <script>

      angular.module("myApp", []).controller("myController", function ($scope) {

        $scope.positionTop = 0;

        $scope.positionLeft = 0;

​

        $scope.trackElementScrollPosition = function (elementId) {

          var element = angular.element(document.getElementById(elementId));

          element.on("scroll", function () {

            $scope.$apply(function () {

              $scope.positionTop = element[0].scrollTop;

              $scope.positionLeft = element[0].scrollLeft;

            });

          });

        };

      });

    </script>