强制滚动条到底部

我正在制作一个运行良好的小型消息传递/聊天系统。问题是，输出消息的<div>没有按我需要的方式滚动。

所有新消息都将添加到div的底部，当添加更多消息并显示滚动条时，滚动将保留在<div>的顶部。我需要颠倒此设置，以便滚动始终位于<div>的底部。

我想要的一个很好的示例是Steam的聊天窗口，甚至是我用来填写问题的文本输入。

因为我想避免jQuery，这让我完全卡住了。如果你能给我指个正确的方向，那就太好了！我不确定HTML和CSS是否可以处理此问题，或者是否需要JavaScript。

div

下面的推荐答案代码应该会使div的滚动条保持在底部，如您所述：

var objDiv = document.getElementById("divExample");
objDiv.scrollTop = objDiv.scrollHeight;

可以在以下链接中找到此解决方案和更多信息： http://web.archive.org/web/20080821211053/http://radio.javaranch.com/pascarello/2005/12/14/1134573598403.html