Utilizzo waypoint di base

Question

Sto tentando di utilizzare il plug-in Waypoints per jQuery in elementi di caricamento lazy su una pagina Web. Tuttavia non riesco a farlo funzionare. :(

ho fatto un esempio molto semplice:. http://jsfiddle.net/P3XnN/2/

Secondo la documentazione Waypoint tutto quello che devo fare è il seguente

JS:

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

HTML:

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

Ma non è così semplice come sembra. Per favore aiuto.

Answer 1

La documentazione del plugin rivelano un offset option che effettua le seguenti operazioni:

determina quanto la parte superiore dell'elemento deve essere dalla parte superiore della finestra del browser per innescare un waypoint. Può essere un numero, che è preso come un numero di pixel, una stringa che rappresenta una percentuale dell'altezza del viewport o una funzione che restituirà un numero di pixel.

È possibile passare opzioni al metodo waypoint come il 2 ° argomento:

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

Ecco un update fiddle.