JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content">
<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>
</div>

CSS

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

#content{position:relative;height:100%}

JavaScript

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