JSFiddle - React, Tailwind, and code Playground

by sinju

HTML

<div class="scroll_div">Hello World!</div>

CSS

body {
    height:1600px;
}
.scroll_div {
    position:fixed;
    top:0;
    display: none;
    height:50px;
    background:green;
}

JavaScript

$(document).scroll(function () {
    var y = $(this).scrollTop();   
    if (y > 100) {
        $('.scroll_div').fadeIn();
    } else {
        $('.scroll_div').fadeOut();
    }
});