JSFiddle - React, Tailwind, and code Playground

HTML

<div class="text">text</div>
<div class="text">text</div>
<div class="text">text</div>
<div class="text">text</div>
<div class="text">text</div>
<div class="text">text</div>
<div class="text">text</div>
<div class="text">text</div>
<div class="text">text</div>
<div class="text">text</div>
<div class="text">text</div>
<div class="text">text</div>
<div class="text">text</div>
<div class="text">text</div>

CSS

.text{
    padding: 40px 0;
    margin: 20px 0;
    background: #ccc;
}

JavaScript

//if commented, animation below works well
    $('html, body').css({
	    'overflow': 'hidden',
	    'height': '100%'
	});
	
	
	$('html, body').animate({
	    scrollTop: 939
	}, 2500);