Question

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

我使用此代码片段启动了draggables。也许这里有一个可滚动的属性吗？

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并删除了＆＃34;容器＆＃34;来自可拖动的init的属性，它工作了！

jsPlumb.draggable(newState, {

});

查看工作的pastebin here！

JSplumb可滚动容器

1 个答案: