JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/ui-lightness/jquery-ui.css">
<div>content</div>

<div>content</div>
<div>content</div><div>content</div>
<div>content</div>
<div>content</div>
<img id='myDiv' src = "http://dummyimage.com/120x90/f00/fff.png&text=my+image"...

JavaScript

var fixed = false;

$(document).scroll(function() {
    if( $(this).scrollTop() >= 100 ) {
        if( !fixed ) {
            fixed = true;
            $('#myDiv').css({position:'fixed',bottom:0});
        }
    } else {
        if( fixed ) {
            fixed = false;
            $('#myDiv').css({position:'static'});
        }
    }
});