JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#link1">link</a>

<div id="link1">Ваш контент</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

CSS

body {
  height: 1000px;
}

#link1 {
  margin-top: 800px;
}

JavaScript

$("a").click(function () {
    var elementClick = $(this).attr("href");
    var destination = $(elementClick).offset().top;
    $('html, body').animate({ scrollTop: destination }, 800);
    return false;
});