JSFiddle - React, Tailwind, and code Playground

by James Elmour

HTML

<div id="scrollerbar">You're scrolling</div>
<div style="height: 1000px"></div>

CSS

#scrollerbar{
    position: fixed;
    top: 50px;
    background-color: #00FF00;
    display: none;
}

JavaScript

$( window ).scroll(function() {
    $("#scrollerbar").css({"display": "block"});
    clearTimeout($.data(this, 'scrollTimeout'));
    $.data(this, 'scrollTimeout', setTimeout(function() {
        $("#scrollerbar").css({"display": "none"});        
    }, 250));
});