JSFiddle - React, Tailwind, and code Playground

by Rene Rubio

HTML

<div>
    1 <br />
    1<br />
    2<br />
    <br />
    3<br />
    <br /><br /><br /><br />
    445<br />
    <br />
    6<br /><br /><br />
    6<br /><br /><br />
    6<br />
    77<br />
    78<br />
    8<br />
    88<br />
    99<br />
    9<br />
    99<br />
    <br /><br /><br /><br /><br />
    9<br />
    999<br /><br /><br /><br />
        6<br /><br /><br />
    6<br />
    77<br />
    78<br />
    8<br />
    88<br />
    99<br />
    9<br />
    99<br />
    <br /><br /><br /><br /><br />
    9<br />
    999<br /><br /><br /><br />
</div>

JavaScript

$(window).on('scroll', function () {
            //alert("scrolling");
            //if ($(window).scrollTop() + $(window).innerHeight() >= $(window)[0].scrollHeight * 0.1) {
            if ($(window).scrollTop() >= ($(document).height() - $(window).height())*0.5){    
                alert("Test");
                if (counter < modules.length) {
                    LoadData(modules[counter]);
                }
                counter += 1;
                
            }
        })