JSplumb 可滚动容器

Question

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

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

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

我一生都无法找出到底是什么使另一个滚动，我尝试更改 css 并向可拖动对象添加一些 jqueryUI 属性，但无济于事。

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

TLDR：如何让我的可拖动元素像这个例子一样滚动

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 并从可拖动 init 中删除“容器”属性，它就起作用了！

jsPlumb.draggable(newState, {

});

在这里查看工作的 Pastebin ！