javascript - テキスト入力スクロールの同期を維持する

Question

これは挑戦です：

この fiddleのように、2 つのテキスト入力があるとします。ユーザーが一方の内部を「スクロール」すると (たとえば、カーソルを右端または左端に移動することによって)、もう一方を「スクロール」して同期を維持したいと考えています。少なくとも最新のブラウザでこれを行うことはできますか?

Answer 1

IFrame に入力されていないテキストを変更します。両方が入力である必要がある場合は、要素がフォーカスされている/離れているときに、要素を iframe から入力に動的に切り替えます。

入力ボックスでは、選択プロパティを使用してキャレットの場所を見つけることができます。その後、scrollTo を使用して IFrame をスクロールできます。

残念ながら、入力ボックスのスクロール状態を正確に把握するための完全な解決策はありません。