JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#logoTop" class="ancLinks">К якорю</a>

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div id="logo"></div>

CSS

#logo {
    width: 300px;
    height: 300px;
    background: #ffaaee;
}

JavaScript

$(document).ready(function () {
    $("a.ancLinks").click(function () {
        destination = $('#logo').offset().top;
        $("html,body").animate({
            scrollTop: destination
        }, 1100);
        return false;
    });
});