JSFiddle - React, Tailwind, and code Playground

HTML

<div id="postswrapper">
    <div class="item">content</div>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>Hey
    <br>---- MORE ADDED HERE BUT CUTTED OUT CAUSE WOULD BE VERY LONG! ---- Hey
    <br>
    <div id="loadmoreajaxloader" style="display:none;">
        <center>
            <img src="ajax-loader.gif" />
        </center>
    </div>

JavaScript

$(document).ready(function () {
    $(window).scroll(function () {
        if ($(window).scrollTop() == $(document).height() - $(window).height()) {
            alert("This is the end");
        }
    });
})