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
});

這是一個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。