JSFiddle - React, Tailwind, and code Playground

by nadeemmnn2007

HTML

<div style="height:3000px">
   
<table>
	<td>some other data</td>
  <td>some  data      </td>
 </tr>
 </table>
 <div id="main-nav"> widthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa sadfas fasfd sadfasfd dsafwidthdsa...

JavaScript

$(document).ready(function() {
   jQuery(window).scroll(function() {

    if (jQuery(this).scrollTop()>57  )
     {
      jQuery('#main-nav').stop().fadeOut();  
     }

    else
     {
      jQuery('#main-nav').stop().fadeIn();
     }
 });
 });