JSFiddle - React, Tailwind, and code Playground

by Michel Penke

HTML

<p class="red large" id="test">NAVIGATION</p>

CSS

.red {
  color: red;
}

.blue {
  color: blue;
}

.large{height: 200vh}

JavaScript

$(window).scroll(function() {
   $("#test").removeClass("red");
   if($(window).scrollTop() + $(window).height() == $(document).height()) {
       //you are at bottom
       $("#test").addClass("blue");
   }
});