2012-04-17 8 views
1

これは挑戦です:テキスト入力スクロールの同期を維持する

this fiddleのように2つのテキスト入力があるとします。ユーザーが1つの中を「スクロール」すると(たとえば、カーソルを右端または左端に移動させることによって)、もう一方を「スクロール」して同期していきたいと思います。現代のブラウザでは、これはできますか?

+0

私はそれが不可能だと信じています。 –

+0

どちらも固定幅フォントと仮定できますか? –

+0

@ラミー私はあなたを信じる方がいいです。私は 'setSelectionRange'でそれを行うことができると思っていましたが、フォーカスを持っていれば入力をスクロールさせるだけで、両方の入力が同時にフォーカスすることはできません。それでも、ハックなソリューションでさえクールだ。 –

答えて

0

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

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

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

関連する問題