JSFiddle - React, Tailwind, and code Playground

HTML

<div class="spacer">1</div>
<div class="spacer">1</div>
<div class="spacer">1</div>
<div class="spacer">1</div>
<div class="spacer">1</div>

<p class="load-more">Load more</p>

CSS

.spacer{
  width: 100%;
  height: 90px;
}

JavaScript

$(window).scroll(function() {
    var hT = $(".load-more").offset().top,
        hH = $(".load-more").outerHeight(),
        wH = $(window).height(),
        wS = $(this).scrollTop();
    if (wS > (hT+hH-wH)){
        alert("Hi");
    }
});