私の例では、2 つの iframe を左側に 1 つ、右側に 1 つ開いています。どちらにもテキストが含まれています (スクロールが必要な長さ)。
2 つの html 要素を 1 つの行でリンクできるようにしたいと考えています。しかし、2 つの iframe のいずれかでスクロールすると、行が適切に移動します。線は、カプセル化ページに描画する必要があります。
<body>
<div id="content">
<iframe1><div id="element1"></div></iframe1>
<iframe2><div id="element2"></div></iframe2>
<div id="line"></div>
</div>
<body>
そのため、フレームがスクロールされたとき、またはメインページがスクロールされたときに要素に続く線で、要素1と要素2を結ぶ線が必要です。フレームがスクロールするときに寸法/回転を変更できる限り、説明のようにメインページに線を引くことができます。線を正確な要素に接続することは重要ではありません。エレメントのY位置でフレームの側面に接続すれば十分です。
HTML div を使用して線を描画し、変換を回転できることを知っています。しかし、私は線がフレームのビューに動的に追従することに固執しています。