JSFiddle - React, Tailwind, and code Playground

HTML

<a class="bottom" href="javascript: void(0);">BOTTOM</a>



<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus a mauris pellentesque, placerat metus ut, posuere urna. Duis pretium est aliquet varius bibendum. Nulla pellentesque ligula at lacinia laoreet. Mauris a dolor sit amet mauris blandit eleifend tristique non dolor. Duis ultricies est a mi pellentesque tincidunt. Curabitur elementum turpis a turpis commodo interdum. Aenean mi lorem, hendrerit id massa eu, sagittis volutpat erat. Curabitur ornare dolor mi, ultrices rhoncus dolor hendrerit id. Ut tincidunt dapibus venenatis. Curabitur nec porttitor enim. Etiam justo mi, ornare sed luctus at, euismod ut neque. Maecenas eget scelerisque est. Duis vel dapibus quam. Fusce ante ligula, molestie at egestas malesuada, tristique sed velit. Nunc imperdiet nisi quis lorem adipiscing, quis faucibus est condimentum.</p>
<p>Aliquam sagittis arcu quis pretium dictum. Etiam rhoncus interdum arcu at dictum. In enim dolor, fermentum ac volutpat nec, dapibus vitae metus. Nam iaculis cursus congue. Fusce mollis massa ut viverra tempor. Duis vulputate sodales tellus nec vulputate. Integer suscipit, massa eu sollicitudin mollis, enim nulla ornare dolor, in tristique neque leo vitae nunc. Cras egestas, lectus ac lacinia pharetra, nunc arcu porta velit, ut vestibulum nisl dolor congue justo. Aliquam feugiat, diam vel varius facilisis, nisi enim tristique leo, ut interdum sapien nunc sed mi.</p>
<p>Sed hendrerit imperdiet imperdiet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed malesuada elit vitae mattis pellentesque. Etiam elit est, elementum non metus eget, congue imperdiet arcu. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque rhoncus felis sed magna accumsan egestas. Suspendisse a egestas enim. Nulla id massa mi. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>
<p>Donec faucibus sodales...

JavaScript

function scrollToAnchor(aid) {
    var aTag = $("a[id='" + aid + "']");
    $('html,body').animate({
        scrollTop: aTag.offset().top
    }, 'slow');
}

$("a.bottom").click(function () {
    scrollToAnchor('BOT');
});