控制滚动条问题

HTML code

<textarea rows="20" cols="100" id="abc"></textarea>

JScript code

<script type="text/javascript">$(document).ready(function(){    var test = new Array();        ajaxurl = '__URL__/read'        $.ajax({            url: ajaxurl,            type: 'POST',             dataType:'json',            success: function(data) {                            if(data.status==1){                            var phone = data.info.split("\r\n");                    test = phone;                    setTimeout(test123,90);                    setInterval(scroll1,100);                                }            }        });          $k  =0;    function test123(){        if (($k+1) != test.length){            $('#abc').val($('#abc').val()+test[$k]+"\n");                setTimeout(test123,90);            }else{            test = new Array();            $k=0;            }        $k++;    }})</script>    

这个程序是做一个手机号码滚动效果，现在的问题是怎么才能让textarea的滚动条一直处于最底端，我用定时器去控制滚动条，始终得不到最佳效果（有卡顿），请高手指教

[解决办法]
楼主把demo整理下吧，贴个能跑起来的demo，这样大家好测试