jsplumb超出界面宽度如何设置绘制的线条跟随滚动条滚动？

使用jsplumb绘制了一个流程图，当内容比较多的时候会超出界面宽度外。
给最外层的div设置了超出显示滚动条。发现拉动滚动条的时候通过jsplumb绘制的那些连线不会跟随滚动条动的。
查看元素发现，它们居然是被放置在了<body>标签下面，所以导致了我在绘制框那里加滚动条无法影响到它。
查了一下文档，说jsPlumb.setContainer可以设置父容器。
但是设置了也是没有啥变化。
请问这个有什么好的解决方法吗？

 jsPlumb.ready(function () {
            var common = {
                    isSource: false,
                    isTarget: false,
                    connector: ['Flowchart'],
                    maxConnections: -1,
                    RenderMode : "canvas",
                }
            jsPlumb.setContainer($("#diagramContainer"));
            
            var j = jsPlumb.getInstance({
                Endpoint: ["Dot", {radius: 3}], //这个是控制连线终端那个小点的半径
            });
            j.addEndpoint('Aid',{uuid:'A' , anchor: "BottomCenter"},common);
            j.addEndpoint('Bid',{uuid:'B',anchor:'TopCenter'},common);
            j.connect({
                   uuids:['A','B'], 
                   paintStyle: { stroke: '#0099cc', strokeWidth: 2 }, 
                   endpointStyle: { fill: 'blue', outlineStroke: 'darkgray', outlineWidth: 0 },
             }); 
 }

阅读 7.9k

jsPlumb.setContainer($("#diagramContainer")) // jsPlumb跟下面j怕不是同一个对象哦 var j = jsPlumb.getInstance({ Endpoint: ["Dot", {radius: 3}], //这个是控制连线终端那个小点的半径 Container：'diagramContainer' });

jsplumb超出界面宽度如何设置绘制的线条跟随滚动条滚动？

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

Next.js做纯前端是否可行？

如何实现一个深拷贝函数？

怎么获取动态弹出对话框的模拟单击？

git提交记录问题？

为什么在 JavaScript 中直接调用和用逻辑与调用方法结果不同？

如何在Next.js中使用Cloudflare的Server Actions？