jquery-ui сортируемые связанные списки со скрытым переполнением

Question

У меня есть два фиксированных hight divs, каждый из которых содержит отсортированный список, которые связаны друг с другом. Есть ли способ скрыть переполнение при наличии связанных списков? Например. если переполнение установлено в скрытое, то li не отображается, когда он перетаскивается за пределы div.

Я знаю, что возможным решением будет рассчитать максимальное количество li, которое может содержать div, и динамически добавлять/удалять элементы на основе количества видимых элементов, но мне было интересно, было ли лучшее решение?

Answer 1

Посмотрите на containment. Он определяет ограничивающий прямоугольник, с которым сортируются элементы при перетаскивании.

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

Answer 2

Вы должны быть в состоянии исправить это с помощью the appendTo option, которая сообщит ему, где прикрепить вспомогательный объект в DOM. По умолчанию используется parent, что означает, что помощник, который перетаскивается, находится внутри вашего overflow: hidden div. Изменение его, например, body должно исправить его для вас. I.e:

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