JSFiddle - React, Tailwind, and code Playground

HTML

<div id="1">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
<div id="2">bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="3">cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc</div>
<div id="4">dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</div>
<div id="5">eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</div>
<div id="6">ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</div>
<div id="7">gggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg</div>
<div id="8">hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh</div>
<div id="11">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
<div id="12">bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="13">cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc</div>
<div id="14" class="red">dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</div>
<div id="15">eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</div>
<div id="16">ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</div>
<div id="17">gggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg</div>
<div id="18">hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh</div>
<div id="21">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
<div id="22">bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
<div id="23">cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc</div>
<div id="24">dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</div>
<div id="25">eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</div>
<div id="26">ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</div>
<div id="27">gggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg</div>
<div...

CSS

div {
    height: 200px;
    width: 100px;
    border: 1px solid blue;
}

.red {
    color: red;
}

JavaScript

$(window).scroll(function () { 
    if ($(window).scrollTop() <= $("div#14").position().top && $(window).scrollTop() + $(window).height() >= $("div#14").position().top) {
        if ($("div#14").position().top + $("div#14").height() <= $(window).scrollTop() + $(window).height()) {
            alert("a");
        }
    }
});