JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">
    <a href="" id="clickme">Click Me</a>
</div>

<div id="wrap2">
    <a href="" id="clickme2">Go to top</a>
</div>

CSS

#wrap{
    height:600px;
    width:100%;
    background:#DADADA;
}

#wrap2{
    height:600px;
    width:100%;
    background:green;
}

JavaScript

$("#clickme").click(function() {
    $('html, body').animate({
        scrollTop: $("#wrap2").offset().top
    }, 2000);
    return false;
});

$("#clickme2").click(function() {
    $('html, body').animate({
        scrollTop: $("#wrap").offset().top
    }, 2000);
     return false;
});