JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box"></div>

CSS

html,body{margin:0;padding:0;height:120%;}
#box{
    position:absolute;
    margin-left:auto;
    margin-right:auto;
    left:0;
    right:0;
    top:50%;
    width:100px;
    height:100px;
    background-color:#000;
}

JavaScript

$(window).scroll(function(){
                 $('#box').css('display','none');
             });