javascript : détecter la fin du scroll

Question

J'ai un div couche avec overflow réglé sur scroll .

Lorsque vous faites défiler l'écran jusqu'au bas de la page div je veux exécuter une fonction.

Answer 1

La réponse acceptée était fondamentalement erronée, elle a depuis été supprimée. La réponse correcte est :

function scrolled(e) {
  if (myDiv.offsetHeight + myDiv.scrollTop >= myDiv.scrollHeight) {
    scrolledToBottom(e);
  }
}

Testé dans Firefox, Chrome et Opera. Il fonctionne.

Answer 2

Je n'ai pu obtenir aucune des réponses ci-dessus, alors voici une troisième option qui fonctionne pour moi ! (Ceci est utilisé avec jQuery)

if (($(window).innerHeight() + $(window).scrollTop()) >= $("body").height()) {
    //do stuff
}

J'espère que cela vous aidera !

Answer 3

OK. Voici une bonne et appropriée solution

Vous avez un appel Div avec un id="myDiv"

Ainsi va la fonction.

function GetScrollerEndPoint()
{
   var scrollHeight = $("#myDiv").prop('scrollHeight');
   var divHeight = $("#myDiv").height();
   var scrollerEndPoint = scrollHeight - divHeight;

   var divScrollerTop =  $("#myDiv").scrollTop();
   if(divScrollerTop === scrollerEndPoint)
   {
       //Your Code 
       //The Div scroller has reached the bottom
   }
}

Answer 4

Cela a marché pour moi :

$(window).scroll(function() {
  buffer = 40 // # of pixels from bottom of scroll to fire your function. Can be 0
  if ($(".myDiv").prop('scrollHeight') - $(".myDiv").scrollTop() <= $(".myDiv").height() + buffer )   {
    doThing();
  }
});

Il faut utiliser jQuery 1.6 ou plus.

Answer 5

J'ai trouvé une alternative qui fonctionne.

Aucune de ces réponses n'a fonctionné pour moi (actuellement testé dans FireFox 22.0), et après beaucoup de recherches j'ai trouvé, ce qui semble être, une solution beaucoup plus propre et directe.

Solution mise en œuvre :

function IsScrollbarAtBottom() {
    var documentHeight = $(document).height();
    var scrollDifference = $(window).height() + $(window).scrollTop();
    return (documentHeight == scrollDifference);
}

Ressource : http://jquery.10927.n7.nabble.com/How-can-we-find-out-scrollbar-position-has-reached-at-the-bottom-in-js-td145336.html

Salutations