JSFiddle - React, Tailwind, and code Playground
HTML
<div class="anchor" id="OperationAnchor"></div>
<input id="Save" type="submit" value="Save">
CSS
div#OperationAnchor{
border-radius: 1em;
position: fixed;
top: -95em;
height: 100em;
width: 100%;
margin: 0 0 -0.2em 0;
background: #EEE url("../img/bg.png");
}
#Save{
margin-top: 10em;
}
JavaScript
$('body').on('click', '#Save', function(){
$('#OperationAnchor').animate({
top: '+=1.8em'}, 500, function(){
$('#OperationAnchor').addClass('displaying');
});
});