JSFiddle - React, Tailwind, and code Playground

HTML

<div id="direcao">Faça scroll aqui...</div>

CSS

body {
    height: 3000px;
}
#direcao {
    position: fixed;
    top: 20px;
}

JavaScript

var lastScrollTop = 0;
$(window).scroll(function (event) {
    var resultado = $('#direcao');
    var st = $(this).scrollTop();
    if (st > lastScrollTop) {
        // downscroll code
        resultado.html('para baixo');
    } else {
        // upscroll code
        resultado.html('para cima');
    }
    lastScrollTop = st;
});