Module Description
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.
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.
Module Link
Project Usage
1791
Security Covered
Covered By Security Advisory
Version Available
Production
Module Summary
Summary Waypoints is a jQuery plugin that enables the execution of a function upon scrolling to a specified element, providing a foundation for modern UI patterns dependent on user scroll position.
Data Name
waypoints