JSFiddle - React, Tailwind, and code Playground

HTML

<div>Scroll Down</div>
<h1 id="scroll-to">I am The H1</h1>

CSS

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

JavaScript

$(window).scroll(function() {
   var hT = $('#scroll-to').offset().top,
       hH = $('#scroll-to').outerHeight(),
       wH = $(window).height(),
       wS = $(this).scrollTop();
    console.log((hT-wH) , wS);
   if (wS > (hT+hH-wH)){
     alert('you have scrolled to the h1!');
   }
});