Waypoints is a small jQuery plugin that makes it easy to execute a function whenever you scroll to an element.
$('.entry').waypoint(function() {
alert('You have scrolled to an entry.');
});
Read the full documentation for more details on usage and customization.
Waypoints can be used as a base for several common scroll-based UI patterns. Check out these examples of:
Copyright (c) 2011 Caleb Troughton Dual licensed under the MIT license and GPL license.
Waypoints has been tested to work with jQuery versions 1.4+ in IE6+, FF3+, Safari 4+, Chrome 6+. Other browsers and jQuery versions may work fine, but this is all I've looked at so far.
Unit tests for Waypoints are written with Jasmine and jasmine-jquery. You can run them here. If any of the tests fail, please open an issue and include the browser used, operating system, and description of the failed test.
- Moved scroll and resize handler bindings out of load. Should play nicer with async loaders like Head JS and LABjs.
- Fixed a 1px off error when using certain % offsets.
- Added unit tests.
- Added $.waypoints('viewportHeight').
- Fixed iOS bug (using the new viewportHeight method).
- Added offset function alias: 'bottom-in-view'.
- Initial release.
- Audit non-iOS mobile browsers.