一个小小的为了用户体验的辅助功能
直接贴代码了

//发送消息按钮
$('.send-btn').click(function(){
    var txt = $('.send-input').val();
    if (txt != '') {
        //发送消息时新增一条显示在右侧气泡
        $('.chat-window').append('<span class="text">' + txt + '</span>');
        //发送完消息清空输入框
        $('.send-input').val('');
        //将滚动条定位在最下面,查看最后一条消息
        $('.chat-window').scrollTop($('.chat-window')[0].scrollHeight);
    }
    
});