views:

41

answers:

1

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

A: 

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 ..

Gaby
with hidden doesn't work.
Luca Romagnoli
thanks for the heads up .. edited
Gaby