jQuery可排序容器滚动div与溢出auto

我一直在努力做这项工作。

我有两个连接的sortables，定义如下：

var sortlists = $("#List1, #List2").sortable( { appendTo: 'body', tolerance: 'pointer', connectWith: '#List1, #List2', revert: 'invalid', forceHelperSize: true, helper: 'clone', scroll: true }); 

这是一个jsfiddle示例的链接

由于页面设置，两个sortable都包含在具有溢出的div中：auto它们也包含在父容器中，溢出设置为hidden。 为了论证，让我们说没有办法解决这个问题。

当帮助器朝向容器的下边缘或上边缘定位时，是否有办法使容器元件滚动？

任何帮助，将不胜感激！

Answer 1

使用helper:'original' ，我得到你所寻找的滚动行为（在Opera 11.61中）。

分叉小提琴

编辑：这是“ganged-scrolling”小提琴的一个版本

Answer 2

我想这就是你想要的。 从div（带有可滚动）拖动到div（带有可滚动），而不会在div后面显示拖动的项目。

http://jsfiddle.net/nURN5/1/

 .document.body.appendChild //required to add code with link... 

下一个最好的方法是实际拖动项目的克隆…

Answer 3

不幸的是，带有“联动滚动”的分叉小提琴表现出非常令人讨厌的副作用，即将所选项目（视觉上）约束到它自己的div。