Triiger at a bottom of div an elemment

by 8ogdan

HTML

<div>Scroll Down</div>
<div id="yourDivId">Your Div</div>

CSS

div {
    height:800px;
    background:red;
}

#yourDivId{
  height:800px;
  background:blue !important;
}

JavaScript

$(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');
   }
});