JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#test">Jump To Test ID</a>
<div id="test">
    You made it! Welcome :3
</div>

CSS

#test { margin-top: 3000px; padding-bottom: 2000px; background-color: red; }

JavaScript

// Animate Internal Link Jumping
$( 'a[href*=#]:not([href=#])' ).click( function() {
    if( location.pathname.replace( /^\//, '' ) == this.pathname.replace( /^\//, '' ) && location.hostname == this.hostname ) {
        var target	= $( this.hash );
        target		= target.length ? target : $( '[name=' + this.hash.slice( 1 ) +']' );
        if( target.length ) {
            $( 'html, body' ).animate( {
                scrollTop: target.offset().top
            }, 
            1000 );
        }
    }
} );