https://github.com/omniaretail/papyrus-scroll
Infinite scrolling module for AngularJS.
https://github.com/omniaretail/papyrus-scroll
angularjs infinite mit module scroll
Last synced: 6 months ago
JSON representation
Infinite scrolling module for AngularJS.
- Host: GitHub
- URL: https://github.com/omniaretail/papyrus-scroll
- Owner: omniaretail
- License: mit
- Created: 2017-05-19T14:47:47.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-05-22T11:26:50.000Z (over 8 years ago)
- Last Synced: 2024-03-27T13:09:02.078Z (over 1 year ago)
- Topics: angularjs, infinite, mit, module, scroll
- Language: JavaScript
- Size: 13.7 KB
- Stars: 2
- Watchers: 4
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Papyrus
Just another infinite scrolling module for AngularJS.
[Live demo](https://codepen.io/wichardriezebos/pen/JNwjKR)
# Features
- Efficient item buffering.
- No interuptions while scrolling.
- Adapts automatically to container it's size.
# Getting Started
- Install the module with bower:
```
bower install papyrus-scroll --save
```
- Add script tags to document:
```
```
- Add dependency to your module:
```
angular.module("yourAwesomeApp", ["papyrus-scroll"]);
```
- Create a function to load items:
```
$scope.items = [];
$scope.loadItems = function($amount) {
for(var i = 0; i < $amount; i++) {
$scope.items.push({ });
}
}
```
- Assign required attributes to the container and the item:
```
![]()
```
- Optional tune settings:
```
papyrus-scroll-throttle-ms="50"
papyrus-scroll-preload-view-percentage="75"
```