jQuery Ui: elemento trascinamento da Div con overflow

Question

Ho un UL semplice in un div con il flusso eccessivo impostato su automatico e un'altezza fissa. Ogni LI è trascinabile via jQuery. Il problema è che non posso trascinarli dal div (scompaiono quando vengono trascinati ai limiti).

Ho guardato a questa domanda e le sue risposte, ma la soluzione qui non sembra funzionare per me (impostando l'opzione di scorrimento): jQuery Draggable and overflow issue

Grazie

Answer 1

ho avuto intorno a questo utilizzando un metodo di supporto per aggiungere la voce al corpo (quindi il suo al di fuori del div)

$("#myitem").draggable({ 
helper: function() { return $(this).clone().appendTo('body').show(); } 
}); 

Non sono sicuro se è necessario lo show() e ho avuto anche a sollevare lo z-index ma dipende il resto della tua pagina.

Phil

Answer 2

sono stato in grado di ottenere gli stessi risultati con

appendTo: 'body', 
helper: 'clone' 

Answer 3

Ho avuto problemi simillar, dove se una volta trascina la componente al di sotto dalla boundry della pagina, scompare.

io uso per Fixit caso di arresto del plugin trascinabile, nel

$('.dragableComp').draggable({ 
    stop:function(){ 
     //here write the code for adjusting the top and left of your component 
    },.. 
});