Drag one direction

by apaul34208

HTML

<div id="containment-wrapperDown"></div>
<div class="draggableDown">Hello World</div>

CSS

.draggableDown {
    position:absolute;
    top:100px;
}
#containment-wrapperDown {
    position:absolute;
    top:100px;
    background:silver;
    /* added for visibility */
    height:100px;
    width:75px;
    /* added for visibility */
}

JavaScript

$('.draggableDown').draggable({
    axis: "y",
    containment: "#containment-wrapperDown",
    scroll: true,
    scrollSensitivity: 100,
    scrollSpeed: 25,
    cursor: '-moz-grabbing',
    drag: function () {
        var x = $('.draggableDown').position().top;
        $("#containment-wrapperDown").css({
            top: x
        });
    }
});