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!