JSFiddle - React, Tailwind, and code Playground

HTML

<div id="foo"></div>

CSS

#foo {
    height: 1200px;
    width: 100px;
    background-color: black;
    margin-top:500px;
}

JavaScript

$('body').animate( {scrollTop: $('#foo').offset().top},1000,function(){
 alert('stop scrolling');   
});