可以控制jQuery UI可排序帮助程序的溢出吗？

我的标记大致如下所示：

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

...
...

根div有

溢出：auto

，宽度/高度可能会改变。这些列具有固定的宽度，并向左浮动。包装具有与列宽度之和相对应的固定宽度。最终结果是视图中的一组水平排列的列，当列高度或总列宽超过其边界时，该视图显示滚动条

我已经对包装器div应用了jqueryui排序表，因此可以对其中的列进行排序。这非常有效，除了一个问题：sortable给出了正在排序的元素

位置：绝对

，这显然将其从正常布局中删除。因此，如果列非常高，整个页面都会得到一个滚动条，直到元素被放回原位

---

即使在排序时，是否有任何方法使可排序帮助程序仍包含在滚动div中？

我认为这可能适合您

您可以选择将可排序辅助对象附加到以下位置：

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

从文档中：

appendTo：定义拖动过程中随鼠标移动的辅助对象的附加位置（例如，用于解决重叠/zIndex问题）