JSFiddle - React, Tailwind, and code Playground

by 8ogdan

HTML

<div>
    <div class="a">
        A
    </div>
    
</div>

CSS

body {
    height: 2000px;    
}
.a {
    height: 300px;
    width: 300px;
    background-color: green;
    display: none;
}

JavaScript

$(window).scroll(function() {

    if ($(this).scrollTop()>100)
     {
        $('.a').fadeIn();
     }
 });