JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<body id="home">

<div class="container">
	<p>Website content here</p>
</div>

<div class="footer">
	<div id="home1"></div>
	<div id="home2"></div>
</div>

</body>

CSS

#home1 {
			position: relative;
			top: -400px;
			margin-left: auto;
			margin-right: auto;
			width: 40px;
			height: 40px;
			background-color: yellow;

JavaScript

$(document).ready(function() {

			if ($("body#home").length > 0) {

				//alert("dhd");

				$("#home1").animate({
					top: '0px'
			}, 1000, 'easeOutBounce');
		}
		});