cpojer / Scroll Loader
Licence: other
Loads additional content on a website when a user reaches the end of the page.
Stars: ✭ 14
Programming Languages
javascript
184084 projects - #8 most used programming language
Christoph Pojer
ScrollLoader - Copyright (c) 2010Fires an event when the user reaches a certain boundary.
This Plugin is part of MooTools PowerTools!.
Build
Build via Packager, requires MooTools Core and MooTools Class-Extras to be registered to Packager already
packager register /path/to/scroll-loader
packager build ScrollLoader/* > scroll-loader.js
To build this plugin without external dependencies use
packager build ScrollLoader/* +use-only ScrollLoader > scroll-loader.js
How to use
See Demos/index.html
You can create an instance of ScrollLoader via the following code
new ScrollLoader({
onScroll: function(){
// User has reached a certain boundary
// Let's make a Request for new content
this.detach(); // While waiting, we detach the listener so the event does not fire accidentally
var scroll = this; // Save a reference
new Request(url, {
onSuccess: function(text){
new Element('div', {text: text}).inject(myElement); // Add the new content
scroll.attach(); // Attach the event again so the event fires when you hit the bottom again
}
}).get();
}
});
Configurable Options / Events
Options
- area: (number, defaults to 50) The boundary from the bottom/right where the event is fired in
- mode: (string, defaults to vertical) Either vertical or horizontal for bottom or right
- container: (element, defaults to null) The used element or the window
Events
- scroll - fires when the user reaches a certain boundary specified by the 'area' option
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].