Jquery ui Jquery可拖动：使用helper'在可拖放模式下滚动；克隆'；和附属物

我正在起诉jQueryUI，它可以在一个项目列表上拖动，而这个项目列表可以在一个其他项目的.dropable列表上拖放。这里有一个例子来说明我正在尝试做什么：

<div id="container">
<div id="left-pane" class="pane">
    <div class="item">Item A</div>
    <div class="item">Item B</div>
    <div class="item">Item C</div>
    <div class="item">Item D</div>
</div>

<div id="right-pane" class="pane">
    <div class="item">Item E</div>
    <div class="item">Item F</div>
    <div class="item">Item G</div>
    <div class="item">Item H</div>
</div>

窗格具有固定的高度，并且

overflow-y:auto

，因此我们可以在其中滚动查看隐藏的元素

---

将一个元素从一个列表拖动到另一个列表时，列表不会滚动，因为我使用了appendTo，并且拖动的项目不在列表中。当我拖动一个项目时，有没有办法使列表“可滚动”呢？否则，就不可能将列表底部的项目删除，比如将“项目A”删除到小提琴示例的“项目H”上

能够使用不同容器中的滚动功能确实不容易做到

我就这个问题开始了一个话题。您将找到一个问题的编辑，其中有一个函数解决方法。 检查此相关问题：

---

关于您的最后一句话，您可以使用sortable属性将项目放在列表的最前面

我发现的唯一方法是检测被拖动元素的位置并滚动可拖放容器，效果平滑，这样它就会像从鼠标滚轮上滚动一样滚动。

谢谢您的回复。我有另一个列表是可排序的，但我不希望它是可排序的，这就是为什么我只使用DropPabley您的解决方案不错，但当拖动一个元素并尝试向下移动到任何位置时，即使是在放置区域（“容器”）之外，滚动发生在下降区，这有点奇怪，在哪个事件中，你正在检测位置？”将“？+1”拖动到

的appendTo

，我不知道这个属性，它帮助我完成了一个巨大的项目！

$('.item').draggable({
    helper: 'clone',
    appendTo: '#contentpane',
    cursor: 'move'
});
$('.item').droppable();