Question

<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中自动滚动到下方？

Answer 1

将此位添加到您的代码中（最好在您拥有的任何插入内容的末尾）：

    var psconsole = $('#one');
    if(psconsole.length)
       psconsole.scrollTop(psconsole[0].scrollHeight - psconsole.height());

Answer 2

请参阅此演示：here

要计算底部scrollTop，您只需从height中减去 scrollHeight：

var oneDiv = $("#one");
bottom = oneDiv.prop('scrollHeight') - oneDiv.height()

然后你可以将它的scrollTop设置为bottom，或者使用惊人的jQuery's animate()来制作很酷的动画。

现场演示：here

Answer 3

我意识到我的问题是我的代码位于错误的位置。 - ＆GT;置于元素下并解决了问题（菜鸟错误......） - 只是提醒所有人。

使用jQuery在textarea中向下滚动

3 个答案: