Angular module for handling scroll events in your angular js applications. Some of goals of this project worth noting include:

• Be lightweight, flexible and easy to use
• Only bind scroll event handler one time
• Throttle scroll events

#Usage ngScroll is composed of one factory and one directive. The factory can be injected into any controller, service, factory, or directive and be used to programatically bind scroll events in your applications. The factory can be injected and used like so:

###Factory: scroll

app.directive('someDirective', ['scroll', function(scroll){
  return{
    controller: function($scope){
      $scope.setDimensions = function(data){
        $scope.x = data.x;
        $scope.y = data.y;
      }
    },
    link: function($scope, $element, $attributes, controller){
      scroll.bind();
      $scope.$on('scroll', function(event, data){
        $scope.setDimensions(data);
      });
    }
  };
}])

####Methods

checkBind()

setBind()

bind()

get()

setDate()

###Directive: ng-scroll The directive approach is similar to default angular directives. Something worth noting is that when the scroll event is triggered, the expression is not wrapped in $apply(). This approach was taken because scroll events happen frequently (every 30ms) and tests have shown that with many bindings (1000+) the events would be delayed as they had to wait for each digest. The goal is to provide efficient, useful access to scroll events without crippling the ui.

<div ng-scroll="setDimensions($event)"></div>

###The Scroll Object If you use the event object from the directive or the get() method from the factory you will receive an object with some scroll related properties and values.