在JavaScript中创建聊天框

我希望在我的网站上有一个类似Facebook的聊天室逻辑。当用户键入聊天信息时，应将其添加到聊天框的末尾，顶部的信息应向上滚动。我创建了一个div，并尝试使用jQuery滚动函数滚动它。但它不起作用。请有人帮忙

我的html代码

<div class="cnt">
try
</div>

---

你需要研究彗星。HTML5还提供了

您需要发布您尝试过的代码。如果都是关于向下滚动的，这里有一个相关的问题，实际上我想要这个，但是文本应该从底部向上滚动，而不是从上向下滚动。

$(function() {
    $(window).scroll(function() {
        $('.cnt').css('top', $(this).scrollTop() + "px");
    });
});​