javascript – jsPlumb处理可滚动div容器中的元素

我使用jsPlumb连接一堆div(很像流程图).所有div都包含在一个可滚动的父div中.有点像下面的代码,但在容器div内有更多的div.

<div style="height:500px;width:500px;overflow:auto" id="container">
   <div id="node1"></div>
   <div id="node2"></div>
   <div id="node3"></div>
   <div id="node4"></div>
   <div id="node5"></div>
</div>

我的问题是,如果我滚动div,jsPlumb生成的连接线只是保持原位,不要滚动它们应该连接的div.我尝试过使用jsPlumb.repaint()但仍然没有运气.看来jsPlumb没有考虑到caontainer div的滚动偏移量.有办法解决这个问题吗？我真的想避免不得不将容器div中连接的div移动到正文中,因为这会引起一些非常讨厌的css / html重新编码.

解决方法:

事实证明,只需使用jsPlumb.repaintEverything();重新绘制正确位置的线条. jsPlumb.repaint()似乎用于重新绘制特定元素的行.例如,jsPlumb.repaint(‘div_id_goes_here’);

标签：javascript,jsplumb
来源： https://codeday.me/bug/20190530/1183475.html