Performant infinite scrolling AngularJS directive with UITableView-like element reusal

Learn more: The Infinite Path of Scrolling Github Repository Download the non-Google Closure build

Facebook Example ./examples/facebook.html
Both modes (widget and in-page) on one page
Twitter Example ./examples/twitter.html embedded on the right →
Twitter stream in the iOS app
Non-Google Closure Example ./examples/non-closure.html
Usage outside of a Google Closure app; most apps will probably choose this option.

Google Closure-based Apps


app.module = angular.module('app', [ 'ngScroller' ]);

Non-Google Closure-based Apps

<script src="ng-scroller.min.js"></script>

  var app = angular.module('app', [ 'ngScroller' ]);

To build the library and the examples, you will need to install all dependencies via NPM and Bower.

$ npm install
$ bower install

The project is built using Closure Runner which is a Google Closure Tools-friendly task runner.

$ ./node_modules/.bin/runner

This generates the following files:

All feedback is welcome. Please submit your issues and ideas to the Github project. Thanks!

Read more about the issue of infinite scrolling: The Infinite Path of Scrolling

Created by Jan Kuča while interning at Google working on the AngularJS framework.