draggable out the parent element

Question

Hi i have 2 div

<div style="width:50px;height:100px;overflow:auto" id="outer">
   <div class="kind_div">hello</div>
</div>

i tried the draggable function of jquery ui: $("div.kind_div").draggable({ cursor: 'crosshair', containment: 'document', appendTo: 'body' });

i can drag the kind_div but it remains into the outer div

I want drag it in all body of my page

how can i do?

thanks

Answer 1

have you tried setting containment to window ?

You need to change the overflow to none or hidden for it to work .. also the 'outer' div must not be relative positioned ..