Infinite scroll for angular directive


Module License: MIT

Added by: Tushar Borole





Stars: 8

Watchers: 8

Forks: 1

Module Description

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 demo at

angular-scroll-complete Scroll

Getting Started

  • Download angular-scroll-complete from or install it with:
  • Bower via bower install angular-scroll-complete
  • Include the script tag on your page after the AngularJS
  • 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.

<div id="fixed" when-scrolled="loadMore()" percent="70">

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

Module stats last updated: 2015-06-04 11:31:59

Disclaimer: Some data on this page may have been gathered from the authors GitHub respository. If you see any mistakes or outdated information please let us know. Thanks!