jquery - détecter si le bas de la div touche le bas de la fenêtre du navigateur?

Donné une div sur une page. comment détecter si le div défile à la position où il se trouve en bas de la fenêtre du navigateur... alignée avec le bas de la fenêtre du navigateur?

source d'informationauteur AnApprentice | 2011-01-11

  1. 9

    Vérifier 

    if (($("#yourdiv").offset().top + $("#yourdiv").height()) >= $(window).height()) {
}

    L' .méthode offset() nous permet de retrouver la position d'un élément par rapport à ce document. Cela contraste avec la .position(), qui récupère la position actuelle par rapport à l'offset parent.

    Voir un travail démo

  2. 11

    Je ne pense pas que la réponse ci-dessus, depuis l'offset().top est l'espace entre la div et le haut du document, et n'est pas variable. Cela a fonctionné pour moi:

    var a = $("#mydiv").offset().top;
var b = $("#mydiv").height();
var c = $(window).height();
var d = $(window).scrollTop();
if ((c+d)>(a+b)) {
  //bottom of #mydiv has just become visible
}