Skip to content

tommyfok/tommy-angular-infinite-scroll

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 

Repository files navigation

#tommy-angular-infinite-scroll Simple infinite scrolling for AngularJS

##Installation

  1. With Bower :

    • bower install --save tommy-angular-infinite-scroll

    Or download tommy-angular-infinite-scroll.js manually

  2. include tommy-angular-infinite-scroll.js after your angular.js file

  3. adding tommy.infinite-scroll as a module dependency to your application

##Useage ###Binding

<div tommy-infinite-scroll="MainCtrl.loadMore()"
     tommy-infinite-scroll-distance="1"
     tommy-infinite-scroll-disabled="MainCtrl.isLoadMoreDisabled">
</div>

###Note

  • When scrolling to the bottom of this element , execute tommy-infinite-scroll's attribute.
  • tommy-infinite-scroll-distance is used for preload the content before user scrolls to the bottom of the element. The unit of this attribute is 'screenHeight'. For example, if it's set to 1, the container will preload 2 * screenHeight's content.
  • Prevent executing tommy-infinite-scroll's attribute by adding tommy-infinite-scroll-disabled

About

Simple infinite scrolling for AngularJS

Resources

Stars

Watchers

Forks

Packages

No packages published