JSFiddle - React, Tailwind, and code Playground

HTML

<body>
        <div style="height:2500px">
            <button class="Top" id="button1" >1</button>
        </div>
            <button class="Link" id="button1" >2</button>
    </body>

JavaScript

$('.Top').click(function () {
$('html, body').animate({scrollTop:$(document).height()}, 'slow');
return false;
});

$('.Link').click(function () {
$('html, body').animate({scrollTop:0}, 'slow');
return false;
});