JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div id="destino">Quero ir para aqui</div>
<div></div>
<div></div>
<div></div>

CSS

div {
    margin: 10px;
    height: 400px;
    padding:50px;
    background:#ccf;
}

JavaScript

$(window).on('keydown', function (e) {
    if (e.which != 40) return false;
    var posicao = $('#destino').position().top;
    $('html, body').stop().animate({
        scrollTop: posicao
    }, 1500);
});