JSFiddle - React, Tailwind, and code Playground

HTML

<p class="btn" id="bottomScroll">Scroll to bottom of page</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sed volutpat turpis. Suspendisse eros nisl, porttitor nec suscipit a, pellentesque vitae lacus. Pellentesque consectetur ullamcorper nibh ac lobortis. Vivamus eleifend augue eget eros dapibus, at dapibus ipsum faucibus. Pellentesque commodo odio id libero ornare, vel laoreet ligula laoreet. Duis mattis urna augue, eget venenatis lorem sagittis aliquam. Mauris nec mollis justo. Duis eu feugiat leo, vel rutrum ipsum. Donec suscipit justo ac ornare imperdiet. Maecenas at ornare nibh. Praesent enim turpis, posuere eget dui in, tincidunt consequat eros. Vestibulum blandit semper lectus nec varius. Duis commodo aliquam mauris in placerat. Quisque dignissim turpis tellus, sit amet ullamcorper leo condimentum sed. Integer vulputate purus sit amet diam tincidunt, nec varius metus porttitor. In suscipit, nulla sit amet pellentesque molestie, quam erat aliquam leo, sit amet varius orci nulla vel mauris.</p>
<p>Donec volutpat massa sem, et sagittis neque eleifend et. In mollis, velit nec varius blandit, sapien nibh tempor est, sit amet tristique ligula dolor id nunc. Quisque porta tempus congue. Quisque dictum hendrerit lectus eget tincidunt. Vestibulum urna nisl, imperdiet ut dolor et, pellentesque consequat tellus. Pellentesque mollis velit lobortis interdum gravida. Aliquam ultricies sapien odio, id porta dolor faucibus sed. Suspendisse aliquam nunc a risus eleifend elementum.</p>
<p>Proin quis nulla nec velit facilisis consectetur. Ut sit amet tincidunt felis. Donec justo sem, porttitor eu congue nec, rhoncus non mi. Quisque egestas orci quis tincidunt gravida. Aliquam molestie elit neque, eu luctus justo viverra vel. Ut eros enim, laoreet sed augue in, rhoncus sollicitudin neque. Nulla id diam at turpis tristique fermentum vulputate at odio. Suspendisse vitae elementum velit. Sed porttitor odio quis purus rutrum, in cursus metus bibendum. Aliquam...

CSS

.btn {
    background-color: blue;
    text-decoration: none;
    color: #fff;
    padding: 7px 15px;
    width: 200px;
}
.btn:hover {
    cursor: pointer;
}

JavaScript

$('#bottomScroll').click( function() {
    $('html, body').animate({scrollTop:$(document).height()});
});

$('#topScroll').click( function() {
    $('html, body').animate({scrollTop:0});
});