JSFiddle - React, Tailwind, and code Playground

HTML

<div id='test'></div>
<div id='top'>&uArr;</div>

CSS

#top{
    position: fixed;
    top: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    border: 1px solid #ccc;
    background: rgba(0, 0, 0, .5);
    text-align: center;
    line-height: 50px;
    font: bold 2em Arial;
    color: #fff;
    cursor: pointer;
}

JavaScript

var el = $('#test');

el.append('Это верх!<hr />');
for(var i = 100; i > 0; i--)
    el.append('123456789<br />');
el.append('<hr />Это низ!');

$(document).scrollTop(99999);

// Сгенерировали кучу объектов, чтобы уйти от верха и проскроллили вниз
// Теперь самое вкусное :)

$('#top').on('click', function(){
    $(document).scrollTop(0);
});