聊天记录从底部一行一行的滚动慢慢往上滚怎么做

聊天记录从底部一行一行的滚动慢慢往上滚像这样：

打开微信聊天界面，双击屏幕截图，并点击预览图。点击滚动截屏。调整截取的聊天记录的起始位置。点击右上角的保存即可。

我用JSP写了一个聊天室，但有个问题：聊天室的页面是用框架做的，topFrame放留言，bottomFrame发言。从数据库里读出的记录，都是最新的在最下面，怎样让聊天记录，读出来的时候是从下往上滚屏，就像一般聊天室那样。