Drag one direction

by apaul34208

HTML

<div class="draggable">Hello World</div>

CSS

.draggable{
    position: relative;
    top:100px;
}

JavaScript

$('.draggable').draggable({
     axis: "y",
     start: function (event, ui) {
         start = ui.position.top;
     },
     stop: function (event, ui) {
         stop = ui.position.top;

         if (start > stop) {
             $('.draggable').css({top: ui.originalPosition.top + 'px'});
         }
     }
 });