JSFiddle - React, Tailwind, and code Playground

HTML

<div id="top"></div>
<div id="sec1"></div>

CSS

#top{
    height : 500px;
    background : yellow;
}
#sec1{
    height : 600px;
    background : red;
}

JavaScript

$(document).ready(function(){
    var href = window.location.href+'#sec1';
    var splitit = (href.split('#'))[1];
    if(splitit !== "" || splitit !== "undefined"){
        $('html, body').animate({
            scrollTop: $('#'+splitit).offset().top
        }, 2000);
    }
});