JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="menu">
    <li><a href="#homepage"><span>Home</span></a></li>
    <li><a href="#connections"><span>Connections</span></a></li>
</ul>

<section id="homepage" class="main">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</section>

<section id="connections" class="main">
Content
</section>

JavaScript

console.clear();
$('#menu').find('a').click(selectNav);
function selectNav(e) {
    e.preventDefault();
    console.log("Start - Add class");
    $("body").animate({
        scrollTop:$("#connections").offset().top
    },0, function(){
        console.log("Done - Remove class");
    })
    
}