Waypoint makes it easy to execute a custom logic whenever you scroll to an element. Waypoints make a solid base for modern UI patterns that depend on a user's scroll position on a page. Supported is vertical as well as horizontal scrolling. Application areas are countless, explore our use cases self!

Waypoint component can be used either with pe:javascript or p:ajax. There is only one event "reached". A callback function called when the user scrolls past the element. In the callback function you can access the scrolling direction ("down", "up", "right", "left") and the current waypoint element as a DOM object.

Based on Waypoints JS by Caleb Troughton.