Infinite scroll for angular directive
3 people use it

angular-scroll-complete is a directive for AngularJS to evaluate an expression when the bottom of the directive's element approaches the bottom of the scroll bar on percent completion, which can be used to implement infinite scrolling.


Check out the running demos

angular-scroll-complete Scroll

Getting Started

  • Ensure that your application module specifies angular-scroll-complete as a dependency:

angular.module('myApplication', ['angular-scroll-complete']);

  • Use the directive by specifying an when-scrolled attribute on an element.

When scroll complete brodcast event to notify directive scroll is completed $scope.$broadcast('scollCompleted');

comments powered by Disqus
This page was last updated over 3 years ago.