javascript - div 内の長いテキストに対する読み取り専用のテキスト入力スクロール効果

Question

readonly="readonly" を使用してテキスト入力でスクロールが機能する方法を模倣する方法はありますか。テキストがボックスよりも長い場合は、スクロール バーを使わずに強調表示してスクロールし、すべてを表示することができます。

これと同じ効果が欲しいのですが、段落内またはdiv内の見出し内です。とにかくこれを行うにはありますか、それとも readonly="readonly" でテキスト入力を使用し、見出しのようにスタイルを設定する必要がありますか?

ありがとう！

Answer 1

追加のコンテナーとごくわずかな Javascript で可能です。

スクロールバーなしでスクロールする要素の周りにコンテナー div を追加します。Javascript を使用しscrollHeightて、要素の (スクロールバーを除いた高さ) を計算し、それをコンテナーの に設定しますheight。

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

しかし、あなたが言ったように、読み取り専用の入力を見出しのようにスタイリングすることは、よりクリーンなソリューションであり、javascript なしで機能すると思います。あなたの選択。