jQuery Waypoints

Summary

Waypoints is a small jQuery plugin that makes it easy to execute a function whenever you scroll to an element.

Waypoints makes a solid base for modern UI patterns that depend on a user’s scroll position on the page. Take a look at a few examples.

Configuration

The module has an admin interface, where you can enable to always include the JavaScript file to the site.
Otherwise you can include it manually via a simple function callback:

<?php
drupal_add_library('waypoints', 'waypoints');
?>

Usage

For example:

jQuery('#comments').waypoint(function() {
   alert('You have scrolled to the comments.');
});

(function ($) {
  $(document).ready(function() {
    if ($('#block-1').length) {
      var waypoint = new Waypoint({
        element: document.getElementById('block-1'),
        handler: function(direction) {
          $('.another-block')
            .toggleClass('someclass', direction === 'down');
        }
      });
    }
  });
}(jQuery));

For the full documentation visit the plugin's homepage.

Views Load More module supports the use of this module.