JSFiddle - React, Tailwind, and code Playground

by Joshua Koudys

HTML

<div style="height:3000px;background-color:#f00"></div>

CSS

html,body {overflow-x:hidden; }

JavaScript

$(window).scroll(function() {
  if ($(document).height() <= ($(window).height() + $(window).scrollTop())) {
  //Bottom Reached
  document.getElementsByClassName('scroll-arrow')[0].style.visibility='hidden';
  }
  else {
  document.getElementsByClassName('scroll-arrow')[0].style.visibility='visible';
  }});