JSFiddle - React, Tailwind, and code Playground

by Ranganadh Paramkusam

HTML

<body>
    <div id="main_div"></div>
</body>

CSS

body{
    height:5000px;
}
#main_div{
    height:100%;
    width:100%;
    position:fixed;
    top:0px;
    left:0px;
}

JavaScript

$("body").bind("mousewheel",function(){
    $("#main_div").append("<span> scrollTop : "+$(window).scrollTop()+", doc height"+$(document).height()+", window height"+$(window).height()+"</span><br />");
    console.log("scrolling");
    if ($(window).scrollTop() == $(document).height() - $(window).height()){
        $("body").unbind("mousewheel");
    }
});