A volte bisogna proprio controllare quando gli utenti toccano il fondo.
Giochi di parole a parte, vediamo come conoscere se l’utente ha effettuato uno scroll completo della pagina visualizzata. Per farlo, utilizzeremo jQuery, sfruttando qualche metodo predefinito e facendo due calcoli con essi.
$(window).on("scroll", function() {
var scrollHeight = $(document).height();
var scrollPosition = $(window).height() + $(window).scrollTop();
if ((scrollHeight - scrollPosition) / scrollHeight === 0) {
// siamo a fine pagina!
}
});Innanzitutto, ci mettiamo in ascolto dell’evento scroll della finestra. Quando lo scroll eseguito dall’utente $(window).scrollTop() , ovvero il valore in pixel dello scroll della finestra più l’altezza in pixel del viewport $(window).height() sono pari all’altezza totale della pagina $(document).height() significa che abbiamo.. toccato il fondo.
