스크롤을 아래로 텍스트 영역에서 jQuery로

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/

은 내가 어떻게 자동으로 아래로이 텍스트 영역에서 스크롤 할 수 있습니까?

Answer 1

(바람직하게는 당신이 삽입 무엇의 끝에서) 코드에이 비트를 추가

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

Answer 2

이 라이브 데모를 참조하십시오 : here

바닥 scrollTop을 계산하기를, 당신은 단순히 빼기 수heightscrollHeight로부터 :

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

그런 다음 scrollTop을 bottom으로 설정하거나 멋진 애니메이션 인 jQuery's animate()을 사용할 수 있습니다.

라이브 데모 : 나는 내 문제를 실현 here

Answer 3

내가 잘못된 장소에 코드를했다이었다. -> 요소 아래에 배치하고 해결할 문제가 생겼습니다 (루키 실수 ....) - 모두에게 상기시켜줍니다.