在我的示例中，我打开了两个 iframe，一个在左侧，一个在右侧。两者都包含一些文本（足够长以至于需要滚动）。
我想允许两个 html 元素用一条线链接在一起。但是当我在两个 iframe 中的任何一个中滚动时，我希望线条适当地移动。该线应在封装页面上绘制，例如
<body>
<div id="content">
<iframe1><div id="element1"></div></iframe1>
<iframe2><div id="element2"></div></iframe2>
<div id="line"></div>
</div>
<body>
所以我希望通过一条线将 element1 与 element2 连接起来，当滚动框架或滚动主页时，该线跟随元素。只要在框架滚动时可以更改尺寸/旋转，就可以像描述的那样在主页中绘制线条。将线连接到确切的元素并不重要。在元素的 Y 位置连接到框架的侧面就足够了。
我知道我可以使用 html div 绘制线条并旋转转换。但我坚持让线条动态地跟随框架的视图。