JSFiddle - React, Tailwind, and code Playground

HTML

<body  onload="Scroll_01();">

<div class="Box">
    Div
</div>
    
</body>

CSS

.Box{
    border-radius: 50px; 
    -moz-border-radius: 50px; 
    -webkit-border-radius: 50px; 
    border: 2px solid #800000;
    padding:10px;
    text-align:center;
    top:400px;
    position:relative;
}

JavaScript

function Scroll_01()
{
	window.scrollTo(0,100)
	setTimeout('Scroll_02()',25)
}
function Scroll_02()
{
	window.scrollTo(0,136)
	setTimeout('Scroll_03()',25)
}
function Scroll_03()
{
	window.scrollTo(0,169)
	setTimeout('Scroll_04()',25)
}
function Scroll_04()
{
	window.scrollTo(0,188)
	setTimeout('Scroll_05()',25)
}
function Scroll_05()
{
	window.scrollTo(0,207)
	setTimeout('Scroll_06()',25)
}
function Scroll_06()
{
	window.scrollTo(0,221)
	setTimeout('Scroll_07()',25)
}
function Scroll_07()
{
	window.scrollTo(0,235)
	setTimeout('Scroll_08()',25)
}
function Scroll_08()
{
	window.scrollTo(0,245)
	setTimeout('Scroll_09()',25)
}
function Scroll_09()
{
	window.scrollTo(0,255)
	setTimeout('Scroll_10()',25)
}
function Scroll_10()
{
	window.scrollTo(0,262)
	setTimeout('Scroll_11()',25)
}
function Scroll_11()
{
	window.scrollTo(0,270)
	setTimeout('Scroll_12()',25)
}
function Scroll_12()
{
	window.scrollTo(0,277)
	setTimeout('Scroll_13()',25)
}
function Scroll_13()
{
	window.scrollTo(0,285)
	setTimeout('Scroll_14()',25)
}
function Scroll_14()
{
	window.scrollTo(0,288)
	setTimeout('Scroll_15()',25)
}
function Scroll_15()
{
	window.scrollTo(0,292)
	setTimeout('Scroll_16()',25)
}
function Scroll_16()
{
	window.scrollTo(0,294)
	setTimeout('Scroll_17()',25)
}
function Scroll_17()
{
	window.scrollTo(0,296)
	setTimeout('Scroll_18()',25)
}
function Scroll_18()
{
	window.scrollTo(0,298)
	setTimeout('Scroll_19()',25)
}
function Scroll_19()
{
	window.scrollTo(0,300)
}