JSFiddle - React, Tailwind, and code Playground

by kodjoe mambi

HTML

<div id="logo">Ola</div>
<div id="rest-of-page"></div>

CSS

#logo {
  color: red;
    background: yellow;
    width: 100%;
}



#rest-of-page {
    height: 2500px;
    background: green;
}

JavaScript

$(window).scroll(function() {
 if ($(this).scrollTop() > 450) {
    $('#logo').fadeOut();
 } else {
    $('#logo').fadeIn();
 }
});