JSFiddle - React, Tailwind, and code Playground

by iii l

HTML

<div class="course"><span>Крути</span></div>
<div></div>

CSS

*{margin:0;padding:0;}
div{background:#468978;height:3000px;width:10px;}
span{position:fixed;left:30px;top:10px;}

JavaScript

var tst,
    cst = 0;
$(window).scroll(function(){
    cst = $(window).scrollTop();
    if (tst < cst )
        $('span').html('движемся вниз');
    else if (tst > cst )
        $('span').html('движемся вверх');
    tst = cst;
});