JSFiddle - React, Tailwind, and code Playground

by Joe

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>


<div id="draggable-dealie">
    <div id="resizable-dealie">
        <P>AWW YEA CONTENT</p>
    </div>
</div>
    
<h2>Scroll down and resize, NO JUMPING!</h2>
<div id="tall-block">
</div>

CSS

#tall-block {
    height:1000px;
    background:red;
    width:2px;
}
#draggable-dealie {
    position:fixed !important;
    width:auto;
    height:auto;
}

#resizable-dealie {
    height:100px;
    width:100px;
    background:green;
}

JavaScript

$("#draggable-dealie").draggable();
$("#resizable-dealie").resizable();