在使用jsPlumb构建页面元素之间的连线时，遇到终点节点位置偏移的问题。经过排查，发现jsPlumb计算终点位置时是相对于浏览器顶部，而非当前容器。解决方法是将端点父容器的position属性设置为非相对布局，例如设置为'inherit'，并确保不破坏原有页面布局。
1.最近画一个页面，需要在图中“起点”和“终点”中间构建一条连线，选择的工具是jsPlumb。
2.将target和source节点填充后，发现效果不对。终点向下偏移了一些。
3.在浏览器上查看插件生成的代码，可以看到生成的图形区域以及目标点的定位。
。。
4.浏览器里面将top属性该为0，看到如下效果。
5.也就是说这里jsPlumb计算后的位置后，然后相对于当前容器来进行绝对布局的。所有计算出来的top值不是以当前容器来计算的。
6.查看当前容器的偏移量document.getElementById(“XXX”).offsetTop。最
最低0.47元/天 解锁文章
551
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
