JSFiddle - React, Tailwind, and code Playground

HTML

<div style="height:500px" class="but">asd</div>
<div style="height:500px">asd</div>
<div style="height:500px" class="here">asd</div>

JavaScript

$(document).ready(function(){
    $(".but").click(function(ev){
        ev.preventDefault();
        var offset = $(".here").offset().top;
        $("html,body").animate({scrollTop:offset},1500);
    });
});