Question

I’m making a draggable item, I just want this to drag vertically, limiting to the parent div, so its always completely visible, any suggestion?

http://jsfiddle.net/q3nz4/

<!--HTML Code-->
<div style="width:100px;height:100px;  background:#333;" id="dragable"></div>

<!--jQuery Code-->
$('#dragable').live('mouseover',function(){
   $(this).draggable();
});​

​

Answer 1

Take a look at this: http://jqueryui.com/demos/draggable/constrain-movement.html

$(function() {
    $("#draggable").draggable({
        axis: "y" 
    });
});