关于文本域追加数据，滚动条显示在底部问题

[言月秋]

一个id="RECEIVE_TXT" 的文本域，向里面添加数据时，$("#RECEIVE_TXT").val($("#RECEIVE_TXT").val()+data + "\n");
设置滚动条为底部：$("#RECEIVE_TXT").scrollTop($("#RECEIVE_TXT").scrollHeight); ，只能到达新数据第一行，而不是最后一行。
最终出现的效果为 ，类似于这种情况具体怎么解决？

[斯洛文尼亚旅游]

$("#RECEIVE_TXT").attr('scrollTop',$("#RECEIVE_TXT")[0].scrollHeight);

[言月秋]

引用 1 楼 showbo 的回复:

$("#RECEIVE_TXT").attr('scrollTop',$("#RECEIVE_TXT")[0].scrollHeight);

为了换行显示之前的值，已经有 $("#RECEIVE_TXT").val($("#RECEIVE_TXT").val()+data + "\n"); 这段代码，使用[0].scrollHeight 会使数据一直在顶部。结果为

[斯洛文尼亚旅游]

<textarea id="RECEIVE_TXT" rows="3" cols="30"></textarea>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<script>
    setInterval(function () {
        $("#RECEIVE_TXT").val($("#RECEIVE_TXT").val()  + "\n" + new Date().getTime());
    
        $("#RECEIVE_TXT").attr('scrollTop', $("#RECEIVE_TXT")[0].scrollHeight);
    }, 1000)
</script>

没有问题

[言月秋]

引用 3 楼 showbo 的回复:

<textarea id="RECEIVE_TXT" rows="3" cols="30"></textarea>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<script>
    setInterval(function () {
        $("#RECEIVE_TXT").val($("#RECEIVE_TXT").val()  + "\n" + new Date().getTime());
    
        $("#RECEIVE_TXT").attr('scrollTop', $("#RECEIVE_TXT")[0].scrollHeight);
    }, 1000)
</script>

没有问题

图片为在Firefox的运行结果