yohoho.yofinity
v1.0.3
Published
An infinite scroll jQuery plugin
Downloads
4
Maintainers
Readme
Yofinity
an infinite scroll jQuery plugin
Demo page
Package manager
//bower
bower install --save yohoho.yofinity
//npm
npm install yohoho.yofinity
Install
<!-- In your <body> HTML tag -->
<a href="http://example.com/page/2" title="Next posts" rel="next">Loading...</a>
//in your main JS file
$('body').yofinity({
buffer: 1000,
navSelector: 'a[rel="next"]',
success: function ($link, response){
$link.before(response);
$link.attr('href', '/page/2');
},
error: function ($link){
$link.remove();
}
});
Settings
Option | Type | Default | Description
------ | ---- | ------- | -----------
buffer | integer | 1000 | Number of pixels to fire infinite scroll BEFORE the node element
context | object | window | -
debug | boolean | false | Enables the debug tools when it's needed
error | function | null | Function called if script fires an error
loading | function | null | Function called when script fires loading
navSelector | string | 'a[rel="next"]' | Define node element containing AJAX request through the href
attribute
success | function | null | Function called when script fires success
Dependencies
jQuery 2.1.4
Authors and Copyright
Made with ♥ by Achraf Chouk
- http://fr.linkedin.com/in/achrafchouk/
- http://twitter.com/crewstyle
- http://github.com/crewstyle
Please, read LICENSE for more details.