Drag one direction

by apaul34208

HTML

<div id="containment-wrapper"></div>
<div class="draggable">Hello World</div>

CSS

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

JavaScript

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

});