jquery-ui listes connectables triables avec débordement caché

Question

J'ai deux divs hight fixes contenant chacune une liste triable connectée les unes aux autres. Y at-il un moyen de cacher le débordement tout en ayant les listes connectées? Par exemple. Si le débordement est défini sur caché alors le li ne montre pas quand il est traîné en dehors de la div.

Je connais une solution possible serait de calculer le nombre maximum de li que le div peut contenir et ajouter/supprimer dynamiquement des éléments en fonction du nombre d'éléments visibles, mais je me demandais s'il y avait une meilleure solution?

Answer 1

Jetez un oeil à containment. Il définit une boîte englobante dans laquelle les éléments triables sont contraints tout en faisant glisser.

http://api.jqueryui.com/sortable/#option-containment

Answer 2

Vous devriez être en mesure de résoudre ce problème en utilisant the appendTo option, qui lui dira où attacher l'objet d'aide dans le DOM. La valeur par défaut est parent, ce qui signifie que l'aide qui est déplacée se trouve à l'intérieur de votre div overflow: hidden. Le changer pour, par exemple, body devrait le réparer pour vous. I.e:

$(".selector").sortable({ appendTo: 'body' });