JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#cat2" class="scrollto">Cat 2</a>

<div style="height:1000px;"></div>
    
<a id="cat2"></a>

JavaScript

$(document).ready(function () {
          $('.scrollto').click(function () {
              var aTag = $(this).attr('href');
              $('html,body').animate({
                  scrollTop: $(aTag).offset().top
              }, 600);
              return false;
          });
      });