JSFiddle - React, Tailwind, and code Playground

HTML

<div id="one"><a href="#test">TEST</a>

</div>
<a id="test">ANCHOR</a>

CSS

#one {
    height: 1200px;
    background: #F30;
}

JavaScript

$('a[href^="#"]').bind('click.smoothscroll', function (e) {
    e.preventDefault();

    var target = this.hash,
        $target = $(target);

    $('html, body').stop().animate({
        'scrollTop': $target.offset().top - 60
    }, 4000, 'swing', function () {
        window.location.hash = target;
    });
});