jquery - Jqueryアニメーション属性?

Question

自動成長（自動サイズ）テキストエリアには、次のようなものを使用します。

$('textarea').keyup(function() {
    $(this).attr('rows', $(this).val().split("\n").length);
});

上記のコードの自動成長にスムーズなアニメーションを追加するにはどうすればよいですか?

関数.animate()withは機能しrowsません。

Answer 1

heightCSSを使ったほうがいいです。テキストエリアがテキストを折り返さないように設定されている場合にのみ、コードは機能します。

次のようなことを試してください：

$('textarea').keyup(function() {
    this.style.height = (this.scrollHeight+8)+"px";
});

次に、テキストエリアに適切なtransitionプロパティを設定すると、アニメーションが表示されます。