使用Perfect-Scrollbar和SortableJs拖动项目时自动滚动

Question

是否可以使perfect-scrollbar在容器边缘拖动时自动向上/向下滚动？在这种情况下，我使用的是SortableJS。

要重现我的用例，请尝试将项目1拖到列表的末尾（在项目8之后）：https://jsfiddle.net/hfalucas/fwzcse9k/5/

在第一个列表中，您不能拖动该项，因为滚动根本不动

// js file
var ps = new PerfectScrollbar('.container');


Sortable.create(list, {
  animation: 150,
});


// httml
<div id="coisas" class="container">
  <div id="list" class="list-group content">
      <div class="list-group-item">1</div>
      <div class="list-group-item">2</div>
      <div class="list-group-item">3</div>
      (...)
  </div>
</div>

在第二个列表中，并使用浏览器本机滚动，效果很好

Sortable.create(listOne, {
    animation: 150,
});


// httml
<div id="cenas" class="container">
  <div id="listOne" class="list-group content">
      <div class="list-group-item">1</div>
      <div class="list-group-item">2</div>
      <div class="list-group-item">3</div>
      (...)
  </div>
</div>

//css
#cenas {
  margin-top: 10px;
  position: relative;
  width: 480px;
  height: 206px;
  overflow-y: scroll;
}