JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
<div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
<div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
<div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
<div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
<div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
<div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
<div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
<div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
<div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>

    <div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
<div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
<div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
<div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
<div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
<div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
    <div class="content"></div>
<div...

CSS

.content
{
    height:30px;
    width:100px;
    display:inline-block;
    border:1px solid #123456;
}

JavaScript

$(function(){
   $(window).css("overflow","hidden");
    var lengthy= $('.content').length;
         alert(lengthy);  
    
        var scrollbottom= $(window).scrollTop()+$(window).height();

        $(window).scroll(function(){
            
             $(window).css("overflow","hidden");
            if($(window).height() >scrollbottom)
            {
                $(document).fadeIn();
            }
        });
            
            
});