将对象移动到顶部或左侧时，jsPlumb容器不滚动

Question

我正在使用jsPlumb，我面临的问题是，当我将一个对象拖到容器的顶部或左侧时，滚动条是坚果显示但是对象将是不可见的，否则当向下或向右拖动对象时滚动条出现，我可以滚动查看对象，是否有解决此问题的解决方法？

谢谢

Answer 1

我建议您不要使用jsPlumb.draggable()来扩展jQuery draggable，并为您的要求添加 scroll 选项。

$('#elementId').draggable(
{
    scroll:true,
    drag: function(){
        jsPlumb.repaint($(this)); // To repaint the connections and endpoints when element is dragged
    }
});

Answer 2

https://github.com/jsplumb/jsplumb/issues/212

此GitHub问题无法完全解决问题，但您可以限制可拖动对象的顶部或左侧。

在可拖动选项中，添加以下内容：

{
    getConstrainingRectangle: () => [99999, 99999],
    containment: true,
}