JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<div class="page">
    <div class="dragdiv">
        <div class="draghandle"></div>
    </div>
</div>

CSS

.page
{
height: 2000px;
width: 400px;
background-color:#DDDDDD;
}

.dragdiv
{
    background-color: red;
    width: 200px;
    height: 300px;
    float: left;
}
.draghandle
{
    width: 30px;
    height: 20px;
    background-color: green;
}

JavaScript

jQuery(".dragdiv").draggable
({
    scroll:true,
    revert: false
});