jQuery Ui: Ne peut pas faire glisser l'élément de Div avec débordement

Question

J'ai une UL simple dans un div avec le trop-plein réglé sur automatique et une hauteur fixe. Chaque LI est déplaçable via jQuery. Le problème est que je ne peux pas les faire glisser de la div (ils disparaissent lorsqu'ils sont traînés aux limites).

J'ai examiné cette question et ses réponses, mais la solution ici ne semble pas fonctionner pour moi (réglage de l'option de défilement): jQuery Draggable and overflow issue

Merci

Answer 1

Je suis contourner ce problème en utilisant un méthode aide à ajouter l'élément au corps (de sorte que son extérieur de la div)

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

Je ne sais pas si vous avez besoin du spectacle() et je devais aussi augmenter le z-index, mais cela dépend du reste de votre page.

Phil

Answer 2

j'ai pu obtenir les mêmes résultats avec

appendTo: 'body', 
helper: 'clone' 

Answer 3

j'avais problème simillar, où se traîne une fois le composant ci-dessous de la boundry de la page, il disparaît.

à Fixit j'utiliser l'événement d'arrêt du plugin draggable, dans le

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