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

var timeout;
$(window).scroll(function () {
    clearTimeout(timeout);
    $('#box').css('display', 'none');
    timeout = setTimeout(function () {
        $('#box').css('display', 'block');
    }, 200);
});