Uso básico de Waypoint

Question

Estoy intentando usar el complemento Waypoints para que jQuery cargue elementos en una página web. Sin embargo, no puedo hacer que funcione. :(

hice un ejemplo muy básico:. http://jsfiddle.net/P3XnN/2/

De acuerdo con la documentación de waypoints todo lo que tiene que hacer es la siguiente

JS:

$('#waypoint').waypoint(function() { 
    alert('You have scrolled to my waypoint.'); 
}); 

HTML:

<div style="height: 500px">Scroll down</div> 
<div id="waypoint">Waypoint</div> 

Pero no es tan simple como eso aparentemente. Por favor ayuda.

Answer 1

Los documentos revelan un plugin de offset option que hace lo siguiente:

determina la distancia de la parte superior del elemento debe ser desde la parte superior de la ventana del navegador para activar un waypoint. Puede ser un número, que es tomado como un número de píxeles, una cadena que representa un porcentaje de la altura de la ventana gráfica , o una función que devolverá un número de píxeles.

Puede pasar opciones al método waypoint como el segundo argumento:

$('#waypoint').waypoint(function() { 
    alert('You have scrolled to my waypoint.'); 
}, { 
    offset: '100%' 
}); 

He aquí un update fiddle.