怎样使网页中文本框的滚动条一直在底部?

在做一个网页聊天的功能时，我的思路是:先把聊天内容保存到一个文本文件里，再每隔1秒从文本文件将聊天内容读出来，显示到页面的一个文本框里,现在问题是:如果聊天内容超过文本框高度，则滚动条一直在顶部，看不到最近的内容，怎样使滚动条一直在文本框的底部？
我试过在文本框添加一个事件onchange="this.scrollTop=this.scrollHeight",但这个方法在页面刷新的情况下没有效果。
另外问一下，你们做网页聊天采用哪种方法，聊天记录一般保存在哪里？