Fonction de déclenchement lorsque la barre de défilement touche un fond DIV - jQuery

Question

J'ai une div qui est au milieu de la page, j'ai besoin de déclencher une fonction lorsque la barre de défilement obtient 100px avant le bas d'un DIV.

J'utilise jQuery.

j'ai joué avec toutes les combinaisons utilisant

$(window).scrollTop(); 
$(document).height() 
$('div').height(); 

, mais je ne peux pas y arriver.

Merci pour toute aide.

Answer 1

Vous pouvez l'utiliser. Travaux dans jsfiddle

$(window).scroll(function() { 
    var divTop = $('#yourDivId').offset().top, 
     divHeight = $('#yourDivId').outerHeight(), 
     wHeight = $(window).height(), 
     windowScrTp = $(this).scrollTop(); 
    if (windowScrTp > (divTop+divHeight-wHeight-100)){ 
     alert('reached'); 
    } 
});