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

Question

我一直在试着让我的头发工作。

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

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

以下是example of jsfiddle

的链接

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

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

任何帮助将不胜感激！

Answer 1

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

forked fiddle

编辑：这是version of the fiddle with "ganged-scrolling"

Answer 2

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

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

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

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

Answer 3

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