JSFiddle - React, Tailwind, and code Playground

JavaScript

var newScrollTop = oldScrollTop = 0,
    preventScroll = false;

$("html").height($(window).height() * 4);

$(window).scroll(function() {
    if (!preventScroll) {
        preventScroll = true;
        
        oldScrollTop = $(window).scrollTop();
        
        if (newScrollTop < oldScrollTop) {
            $(this).scrollTop( oldScrollTop + $(window).height() );
        }
        else {
            $(this).scrollTop( oldScrollTop - $(window).height() );
        }
        
        newScrollTop = $(window).scrollTop();

        setTimeout(function(){ preventScroll = false; }, 0);
    }
});