Возможно ли управлять переполнением для JQuery UI Sortable helper?

Question

У меня есть код, который выглядит примерно так:

<div class='root'> 
    <div class='wrapper'> 
     <div class='column'> 
      ... 
     </div> 
     ... 
    </div> 
</div> 

Корень DIV имеет overflow: auto, а ширина/высота, которая может измениться. Столбцы имеют фиксированную ширину и плавают слева. Оболочка имеет фиксированную ширину, соответствующую сумме ширины столбцов. Конечным результатом является набор горизонтально выложенных столбцов в представлении, которое показывает полосы прокрутки, когда высота столбца или общая ширина столбца превышают его границы.

Я применил пользовательский интерфейс jQuery, который можно отсортировать в оболочку div, поэтому столбцы внутри могут быть отсортированы. Это отлично работает, за исключением одной проблемы: sortable дает отсортированный элемент position: absolute, который, по-видимому, удаляет его из обычной компоновки. Поэтому, если столбец очень высок, вся страница получает полосу прокрутки, пока элемент не будет отброшен назад.

Есть ли способ, чтобы сортируемый помощник оставался содержащимся в прокручиваемом div даже при сортировке?

Answer 1

Я думаю, что это может сработать для вас.

Вы можете выбрать, где дописать Сортируемый помощника со следующим:

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

Из документов:

«appendTo: Определяет, где помощник, который перемещается с помощью мыши в настоящее время добавляется в течение drag (например, для устранения проблем с перекрытием/zIndex). "