JSFiddle - React, Tailwind, and code Playground

by AlienWebguy

HTML

<div id="my_div"></div>

CSS

body {
    height:2000px;
}
#my_div {
    margin-top:500px;
    height:300px;
    width:400px;
    background-color:blue;
}

JavaScript

$(function(){
    var _top = $(window).scrollTop();
    var _direction;
    $(window).scroll(function(){
        var _cur_top = $(window).scrollTop();
        if(_top < _cur_top)
        {
            _direction = 'down';
        }
        else
        {
            _direction = 'up';
        }
        _top = _cur_top;
        console.log(_direction);
    });
});