JSFiddle - React, Tailwind, and code Playground

by d3s1gn3r

HTML

<div class="wrap">
<div class="banner"></div>
</div>

CSS

.wrap {height:800px}

.banner{
    display:block;
    background:blue;
    width:100%;
    height:60px;
    position:fixed;
    bottom:0px;
    left:0px;
}

JavaScript

$(document).ready(function() {
            $(window).scroll(function() {
                 
                if($('.wrap').scrollTop() > 50){
                 $('.banner').fadeOut();
                }else{
                 $('.banner').fadeIn();
                }
            });
        });