JSFiddle - React, Tailwind, and code Playground

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.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
<h2>Scroll down the div and leave it, element will jump position when trying to drag it again.</h2>	

<div id="window_1" class="window_panel">
    <p> Drag me ... please</p>
</div>

CSS

.window_panel {
	position: absolute;
	width: 100px;
	height: 100px;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	z-index: 2000;
	background: #eee;
	color: #222;
	font-family: Arial;
	font-size: 16px;
	text-decoration: none;
	clear: both;
	text-align: left;
	vertical-align: top;
	border: 1px solid #aaa;
	overflow: hidden;
}

JavaScript

$("#window_1").draggable();