Jquery 动画属性？

Question

我使用这样的东西，用于自动增长(自动大小)文本区域:

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

如何为上面的代码添加平滑的动画自动增长？

带有 rows 的函数 .animate() 不起作用。

Answer 1

最好使用height CSS。仅当文本区域设置为不换行时，您的代码才有效。

尝试这样的事情:

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

然后，如果您在文本区域上设置了合适的 transition 属性，它将产生动画。