Javascript/JQuery exécute une fonction lorsque l'utilisateur défile près du bas de la page

Question

Sur un site d'information important (désolé, je ne me souviens pas exactement lequel), j'ai vu un effet vraiment cool... lorsque vous faites défiler la page vers le bas, un nouvel élément descend du haut de la fenêtre du navigateur avec de nombreuses options de médias sociaux (tweet, partage sur Facebook, etc.). J'aimerais émuler quelque chose de similaire... en fait, il y a vraiment une tonne de choses auxquelles je pourrais penser si je savais comment déclencher une fonction lorsque l'utilisateur est proche du bas de la page...

Ma question est donc très simple : comment déclencher une fonction lorsque l'utilisateur s'est approché du bas d'une page à taille dynamique ?

Answer 1

$(window).scroll(function () {
   if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) {
      alert('end of page');
   }
});

-10 indique à quelle distance de la fin de la page l'utilisateur doit se trouver avant l'exécution de la fonction. Cela vous donne la possibilité d'ajuster le comportement selon vos besoins.

Consultez l'exemple de travail à http://jsfiddle.net/wQfMx/