-2

でスタイルされた textarea を使用しoverflow:hiddenてスクロールを削除しています。ユーザーはこのテキスト領域にテキスト行を挿入できます。

問題はFirefoxにあります。テキストがテキストエリアの高さを超えると、新しい行がテキストエリアに表示されません。下矢印キーをクリックして表示する必要がありますが、他のブラウザーでは非常にうまく機能します。

つまり、Firefoxでスタイルを使用してテキストエリアに複数行を書き込むと、テキストエリアoverflow:hiddenの最後に到達するまで最初の行のみが表示され、残りは非表示になるため、カーソルを移動してそれらに到達する必要があります。

書いている行にカーソルを置き、この行をテキストエリアのビューに表示したい

javascriptは一切使いたくない

ここにサンプルコードがあります:

HTML:

<textarea></textarea>

CSS:

textarea{
    overflow:hidden;
    height:50px;
    width:200px;
    resize: none;
}

これがjsfiddleの例です


HTMLとCSSのみで可能な解決策はありますか?

4

2 に答える 2

1

したがって、スクロールが必要なく、問題がFirefoxでのみ表示される場合は、

  1. テキストエリアに文字数制限を追加。リンク: http://unwrongest.com/projects/limit/

  2. テキストエリアの自動拡張プラグインを使用して、テキストエリアの高さを自動的に拡張します。ここを確認してくださいhttp://unwrongest.com/projects/elastic/

于 2012-11-22T09:44:16.367 に答える
0

こんにちは、なぜ jQuery を使わないのですか? それは伝統的なjsのように気にしません:)

$('textarea').keyup(function(){
    $(this).scrollTop(9999)
})
于 2012-11-22T12:16:15.700 に答える