JSFiddle - React, Tailwind, and code Playground

by apoucoz

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;
});
});