JSFiddle - React, Tailwind, and code Playground
HTML
<button id="demo">demo</button>
<div id="bannerFijo">Your Element</div>
CSS
#bannerFijo {
background-color: #ab0;
width: 200px;
position: relative;
bottom: -200px;
}
JavaScript
$(document).ready(function(){
$.easing.easeInCirc = function (x, t, b, c, d) {
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
}
$("#demo").click(function(){
$('#bannerFijo').animate({ bottom: '-15px' }, 2000, 'easeInCirc', function() {
$('#bannerFijo').animate({ bottom: '0px' }, 2000, 'easeInCirc');
});
});
});