JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/start/jquery-ui.min.css">
<div id="wrapper">
    <div id="something" />
</div>

CSS

#wrapper {
    margin   : 20px;
    position : relative;
    border   : 1px solid #000;
    overflow : scroll;
}
#wrapper #something {
    background-color : #ccc;
    width            : 2000px;
    height           : 200px;
}
.marker {
    background-color : #f00;
}

JavaScript

var marker = $("<div>");
marker.addClass( "marker" )
      .height( 40 )
      .width( 120 )
      .draggable();

$( "#wrapper" ).append( marker );