JSFiddle - React, Tailwind, and code Playground

HTML

<a href="asd#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: 800px 0;
}

JavaScript

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