Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://github.com/cpojer/scroll-loader below:

cpojer/scroll-loader: Loads additional content on a website when a user reaches the end of the page.

Fires an event when the user reaches a certain boundary.

This Plugin is part of MooTools PowerTools!.

• Build PowerTools!
• Fork PowerTools!

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

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();
	}
});

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

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4