使用jQuery在textarea中向下滾動

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 ，您只需從scrollHeight 減去 height ：

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

然后你可以將它的scrollTop設置為bottom ，或者使用驚人的jQuery animate()來制作很酷的動畫。

現場演示： here

Answer 3

我意識到我的問題是我在不正確的地方有代碼。 - >放在元素下面並解決問題（菜鳥錯誤....） - 只是提醒所有人。