JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body>
        <ul>
        </ul>
    </body>
</html>

CSS

ul li{
    list-style: disc outside none;
}

JavaScript

$().ready(function(){
    for (var i = 0; i<50; i++){
        $('ul').append($('<li>example to initiate scroll bar</li>'));
    }
    
    $(document).scroll(function(){
        if  ($(window).scrollTop() == $(document).height() - $(window).height()){
            loadNewData();
        }
    });

    function loadNewData(){
        alert('loadingNewData');
        for (var i=0; i<20; i++){
            $('ul').append($('<li>'+new Date().getTime()+'</li>'));
        }
    }
});