JSplumb可滚动容器

Question

我试图让JSPlumb应用程序有点像演示here，其中容器元素在向屏幕边缘拖动项目时滚动。到目前为止，我有this example，其中元素是可拖动的，但是它们受到容器周围的容器的约束，极大地限制了屏幕上可以显示多少元素。

我用这段代码启动可拖动。也许这里有一个可滚动的属性可行？

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

jsPlumb.draggable(newState, { 

}); 

查看正在使用的pastebin here！