JSFiddle - React, Tailwind, and code Playground

HTML

<div id="a">Section A</div>
<div id="b">Section B</div>
<div id="c">Section C</div>
<div id="d">Section D</div>

CSS

div{  height:500px; }

JavaScript

$(window).scroll(function() {
    var elemTop = $("#c").offset().top;
    var screenBot = $(window).height();
    var currentTop = elemTop - $(window).scrollTop();

 if(currentTop == screenBot) {
        console.log('Bottom of C Hits the View');
    }
    
});