angular-scroll-complete

Infinite scroll for angular directive

Homepage

Module License: MIT

Added by: Tushar Borole

GitHub

Repository

tushariscoolster/angular-scroll-complete

Stats

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.

Demos

Check out the running demo at http://tushariscoolster.github.io/angular-scroll-complete

angular-scroll-complete Scroll

Getting Started

  • Download angular-scroll-complete from https://github.com/tushariscoolster/angular-scroll-complete 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!