JSFiddle - React, Tailwind, and code Playground

HTML

<div id="my-id" style="margin-top: 10000px;">

</div>

CSS

html {
	overflow: hidden;
	height: 100%;
}
body {
	height: 100%;
	overflow: auto;
}

JavaScript

$(function() {
    console.log("start");
    $('body').animate({
        scrollTop: $('#my-id').offset().top - 100
    }, 3000, function(e) {
        console.log("end");
    });
})