在可排序的元素中滚动元素而不是整个页面

Question

我以这种方式定义sortable元素：

<div class="list first">
  <div class="sortable">
    <div class="draggable">A</div>
    <div class="draggable">B</div>
    <div class="draggable">C</div>
  </div>
</div>
<div class="list second>...</div>

然后有一个可排序的设置：

$('.sortable').sortable({
  helper: 'clone',
  items: '.draggable',
  containment: 'document',
  scroll: true,
  connectWith: '.list',
  appendTo: document.body
});

问题是当我拖动一个元素时，它不会滚动它的.sortable父元素。因此，如果我想将一个元素从列表顶部移动到底部，我就无法在一次移动中完成。

这是技术限制，还是这个问题已经有了解决方案？