JSFiddle - React, Tailwind, and code Playground

HTML

<div class="status">Status</div>

CSS

.top
{
    bottom: 0;
    float: left;
    position: relative;
}


.bottom {
    bottom: 0;
    float: left;
    position: relative;
}

.content
{
    
}

JavaScript

$(document).mousemove(function(e){
      $('.status').html(e.pageY+ ' '+ $(document).height());
    offset = 70;
    if(e.pageY >=  ($(document).height() - offset))
        $('.status').html("reached bottom");
    console.log(e.pageY);
   });