JSFiddle - React, Tailwind, and code Playground

HTML

<div class="containers">
    <div id='container_3' class="boxed container">
        <p class="overskrift1">Internet Kriminalitet</p>
        <div id="demo"></div>
    </div>
    <div id='container_2' class="boxed2 container"></div>
</div>

JavaScript

var containers = $('.container');
var currentContainer = $(':first', containers);
$('body').on('keydown', function (e) {
    e.preventDefault();
    console.log(e.which);
    switch (e.which) {
        case 37:
            // left
            break;

        case 38:
            // up
            currentContainer = currentContainer.prev();
            break;

        case 39:
            // right
            break;

        case 40:
            // down
            currentContainer = currentContainer.next();
            break;

        default:
            return; // exit this handler for other keys
    }
    $('body').animate({
        scrollTop: currentContainer.getPosition().top + 'px'
    });

});