JSFiddle - React, Tailwind, and code Playground

HTML

<div id="block">
block</div>

<div id="header">
Header</div>

CSS

body {
    background: #ccc;
    font-family: arial;
    font-weight: bold;
    margin: 0px;
}
#block {
    background: #342A7E;
    color: white;
    height: 200px;
}
#header {
    background: #3DB84E;
    color: white;
    height: 800px;
}

JavaScript

$(document).ready(function() {
    $("html,body").animate({scrollTop: 200}, 1000);
});