JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<div id="fixed">
    <div id="container">
        <div class="draggable">Drag me!</div>
        <div class="draggable">Or me!</div>
    </div>
</div>
<div id="other">
</div>

CSS

#fixed { background-color:#000000; position:fixed; height:100px; width:100%; top:0; left:0; }
#container { position:absolute; bottom:0; text-align:center; width:100%; }
.draggable { display:inline-block; background-color:#FF0000; color:#FFFFFF; cursor:move; margin:0 5px; }
#other { height:2000px; margin-top:100px; border:solid 1px #00FF00; }

JavaScript

$(function() {
    $(".draggable").draggable();
  });