Test Case Boilerplate

Fork this way...

HTML

<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
<div style="padding-bottom: 100px;">Scroll down until this text is not visible..</div>

<div class="draggable">...then drag me!</div>

<div style="height: 1000px;"></div>

CSS

.draggable { border: 1px solid #f0f; width: 100px; }


html {
    overflow-y: scroll;
}

JavaScript

$(".draggable").draggable();