JSFiddle - React, Tailwind, and code Playground

by kuz30

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="http:////code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<div class="window">
    <div class="view">
        <div class="draggable"></div>
    </div>
</div>

CSS

.window {
    overflow: auto;
    width: 300px;
    height: 300px;
    border: 1px solid black;
}
.view {
    width: 3000px;
    height: 3000px;
    position: relative;
    overflow: hidden;
}
 .draggable {
    background: red;
    height: 24px;
    width: 96px;
    left: 64px;
    position: absolute;
}

JavaScript

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