Прокрутите вниз в textarea с помощью jQuery

<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");

LIVE: http://jsfiddle.net/tGFmq/

как я могу автоматически прокручивать вниз в этом текстовом поле?

Ответы

Ответ 1

Добавьте этот бит в свой код (желательно в конце всех вставленных вами вставок):

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

Ответ 2

Смотрите эту Live Demo: here

Чтобы вычислить нижний scrollTop, вы можете просто вычесть height из scrollHeight:

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

Затем вы можете установить свой scrollTop в bottom или использовать удивительный jQuery animate() для классной анимации.

Live Demo: here

Ответ 3

Я понял, что проблема была в том, что у меня был код в неправильном месте. → Размещено под элементом и получилось решить проблему (ошибка новобранец....) - всего лишь напоминание всем.