JSFiddle - React, Tailwind, and code Playground

HTML

<span></span>
<div>1
</div>
<div>2
</div>
<div>3
</div>
<div>4
</div>
<div>5
</div>
<div>6
</div>

CSS

div{
    height:300px;
    border:thin solid blue;
    margin-bottom:100px;
}
span{
    position:fixed;top:0px;left:100px;border:thin solid red;
}
}

JavaScript

$(window).on("scroll", function(){
    var allDivs = $("div");
    for(var i = allDivs.length - 1; i >= 0; i--){
        if($(allDivs[i]).position().top < document.body.scrollTop + 100){
            $("span").text(allDivs[i].innerText);
            break;
        }
    }
});