JSFiddle - React, Tailwind, and code Playground

HTML

<div id="first">First</div>
<div id="second">Second</div>
<div id="third">Third</div>

CSS

#second, #third {
    display:none;
}

JavaScript

$(window).on('wheel',function(e) {
    console.log(e.originalEvent.deltaY);
    var visiblediv = $('div:visible');
    if (e.originalEvent.deltaY > 0) {
        if (visiblediv.next().length) visiblediv.hide();
        visiblediv.next().show();
    } else {
        if (visiblediv.prev().length) visiblediv.hide();
        visiblediv.prev().show();
    }
});