Question

I am trying to create a drag/drop effect on iPad (using a library based on jQTouch/jQuery UI)

There is a fixed width/height div and I use overflow:auto for the div..So it is something like;

div #draggable{
height: 350px;
margin: 0;
overflow: auto;
width: 235px;
}

Now while I am able to drag this div, it only drags within the scrollable fixed width/height region…

I actually want it to be dragged outside, as the drop area is outside of this region…

Could you please help me. Thank you.

Also in case you have any other references for iPad Drag/Drop Javascript (apart from Sencha Touch)

Thank you…

Answer 1

Assuming this is a jQuery UI draggable, you need to make sure the containment option is set appropriately, and you need to check the appendTo property is set appropriately. In general, setting the latter to $(document.body) will work. See: http://jqueryui.com/demos/draggable/#option-appendTo