<h2>Greetings</h2>
<div class="container">
<div class="inner">
Hello
<p>Test</p>
</div>
<textarea id="one" class="inner">
Goodbye
</textarea>
</div>
$("#one").append("your text to append");
$("#one").append("your text to append");
$("#one").append("your text to append");
$("#one").append("your text to append");
现场： http ： //jsfiddle.net/tGFmq/
如何在这个textarea中自动滚动到下方？
将此位添加到您的代码中（最好在您拥有的任何插入的末尾）：
var psconsole = $('#one');
if(psconsole.length)
psconsole.scrollTop(psconsole[0].scrollHeight - psconsole.height());
看这个现场演示： here
要计算底部scrollTop ，您只需从scrollHeight 减去 height ：
var oneDiv = $("#one");
bottom = oneDiv.prop('scrollHeight') - oneDiv.height()
然后你可以将它的scrollTop设置为bottom ，或者使用惊人的jQuery animate()来制作很酷的动画。
现场演示： here
我意识到我的问题是我在不正确的地方有代码。 - >放在元素下面并解决问题（菜鸟错误....） - 只是提醒所有人。