divで長いテキストの読み取り専用のテキスト入力スクロール効果

Question

readonly = "readonly"のテキスト入力に対してスクロールが動作する方法を模倣する方法はありますか？それが動作する方法は、テキストがボックスよりも長い場合、スクロールバーがない状態でテキストを強調表示してスクロールすることができます。

私はこの同じ効果を持っていますが、段落内またはdiv内の見出し内にあります。とにかくこれを行うには、または私はちょうどreadonly = "readonly"でテキスト入力を使用し、私の見出しのようにそれをスタイルする必要がありますか？

ありがとうございます！

Answer 1

余分な容器と非常に小さなJavascriptで可能です。

スクロールバーを使用せずにスクロールする要素の周りにコンテナdivを追加します。 Javascriptでは、要素のscrollHeight（スクロールバーなしの高さ）を計算し、コンテナのheightに設定します。

の作業例：http://jsfiddle.net/keune/Cb4jw/1/

しかし、あなたが述べたように、私は見出しに見えるように読み取り専用の入力をスタイリングするのjavascriptのないクリーンなソリューションと仕事になると思います。あなたの選択。