JSplumb可滾動容器

我試圖讓JSPlumb應用程序有點像演示here，其中容器元素在向屏幕邊緣拖動項目時滾動。到目前爲止，我有this example，其中元素是可拖動的，但是它們受到容器周圍的容器的約束，極大地限制了屏幕上可以顯示多少元素。JSplumb可滾動容器

我用這段代碼啓動可拖動。也許這裏有一個可滾動的屬性可行？

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

我不能爲我的生命找出是什麼讓另外一個卷軸，我試圖改變CSS和加入一些jQueryUI的屬性，可拖動對象，但都無濟於事。

有沒有人有更多的JSPlumb經驗有關於如何使容器擴展的想法？

TLDR：如何使my draggables滾動像this example

來源

2015-11-13 Danman

我可能正在琢磨它的邊緣。 – Danman

我終於得到了答案，這是一個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！

來源

2015-11-13 07:42:46 Danman

JSplumb可滾動容器

回答

相關問題