JSFiddle - React, Tailwind, and code Playground

HTML

<div id="top">Hello, I'm the top-gun!</div>
<div id="bottom">Hello, I'm the bottom end :(</div>

CSS

#top {
    position: absolute;
    top: 0;
}

#bottom {
    position: absolute;
    top: 1200px;
}

JavaScript

$('#top').click(function() {
    $('#bottom')[0].scrollIntoView();
});

$('#bottom').click(function() {
    $('#top')[0].scrollIntoView();
});