JSFiddle - React, Tailwind, and code Playground
HTML
<div id="myGallery">
<img src="https://www.google.com/intl/en_com/images/srpr/logo3w.png" class="active" />
</div>
<div id="content">
orem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus semper lacinia sem id cursus. Ut aliquet posuere dui, eu bibendum risus fringilla sed. Phasellus tristique, metus ut mollis mattis, ligula enim tincidunt quam, non egestas tortor odio at nisl. Proin metus felis, facilisis id fringilla in, cursus quis felis. Praesent eget auctor nisi. Aenean ligula erat, tempus eget rutrum et, vehicula ac quam. Vivamus eget nulla sit amet lorem hendrerit convallis nec ac justo. Nam at interdum nisl. In egestas congue felis, vehicula luctus turpis sollicitudin eu. Cras ipsum orci, porta in posuere et, hendrerit at justo. Etiam congue viverra luctus. Sed aliquet justo a felis interdum luctus. Duis eget nisi dictum ante vulputate elementum. Duis vestibulum dui in ante bibendum accumsan. Sed tristique est sit amet arcu porta scelerisque. Nunc non vehicula purus. Aenean feugiat mauris non erat condimentum in faucibus urna lobortis. Vestibulum aliquet odio vitae dui porttitor ut suscipit leo molestie. Mauris sagittis nunc in arcu pellentesque luctus.
Cras volutpat mattis ullamcorper. Mauris sit amet sapien non quam convallis fermentum. Nunc mauris est, dapibus in imperdiet commodo, egestas et est. Sed tortor enim, adipiscing in consectetur quis, luctus in tellus. Aenean ac odio vel felis facilisis semper quis adipiscing nisi. Nulla egestas ante in mi mattis nec laoreet leo lobortis. Nullam enim nisi, lobortis sit amet mattis aliquam, hendrerit non nulla. Phasellus egestas metus sed erat malesuada a pellentesque ligula tristique. Etiam ac leo quam, ut commodo elit.
In hac habitasse platea dictumst. Nam sit amet consequat tortor. Nunc sem massa, convallis feugiat euismod ac, ultrices sit amet eros. Quisque eget orci eget nunc tincidunt malesuada at sit amet magna. Sed molestie facilisis congue. Cras...
CSS
body {
height: 100%;
overflow: hidden;
}
#myGallery{
position:relative;
width:130px; /* Set your image width */
height:205px; /* Set your image height */
}
#myGallery img{
display:none;
left: -8px;
position: absolute;
top: -7px;
padding:0;
margin:0;
display:block;
}
JavaScript
$(function() {
$('#myGallery').animate({
top: $(document).height() + 300
}, 5000);
return false;
});