JSplumb 可滚动容器

Question

我正在尝试制作一个类似于演示 here 的 JSPlumb 应用程序，当您将项目拖向屏幕边缘时，容器元素会滚动。到目前为止，我有this example，其中的元素是可拖动的，但它们受到周围容器的限制，极大地限制了屏幕上可以显示的元素数量。

我用这个 sn-p 启动可拖动对象。也许这里有一个可滚动的属性有效？

jsPlumb.draggable(newState, {
    containment: 'parent'
});

我终其一生都无法弄清楚究竟是什么让另一个滚动，我尝试更改 css 并将一些 jqueryUI 属性添加到可拖动对象，但无济于事。

有更多 JSPlumb 经验的人知道如何使容器扩展吗？

TLDR： 如何使my draggables像this example一样滚动

Answer 1

我终于得到了答案，这是一个 CSS 的东西。我在演示中仔细查看了 CSS 并找到了这两个类。

.jtk-surface {
    overflow: hidden !important;
    position: relative;
    cursor: move;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    touch-action:none;
}
.jtk-surface-nopan {
    overflow: scroll !important;
    cursor:default;
}

一旦我将这些类添加到我的容器 div 并从可拖动初始化中删除“容器”属性，它就起作用了！

jsPlumb.draggable(newState, {

});

查看工作中的 pastebin here!