JSFiddle - React, Tailwind, and code Playground

by Cam Gould

HTML

<div>Scroll Down</div>
<h1 id="LoadMore">Load More</h1>

CSS

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

JavaScript

$(window).scroll(function() {
   var hT = $('#LoadMore').offset().top,
       hH = $('#LoadMore').outerHeight(),
       wH = $(window).height(),
       wS = $(this).scrollTop();
    console.log((hT-wH) , wS);
   if (wS > (hT+hH-wH)){
     alert('Load more!');
   }
});