显示在聊天室

Question

要正确显示聊天窗口，我使用此代码结束：

function baja_el_chat() { 
    var height = 0; 
    $('div#my-conversation .message').each(function(i, value){ 
     height += parseInt($(this).height()); 
    }); 

    height += ''; 

    $('div#my-conversation').animate({scrollTop: height}); 
} 

Answer 1

我做了一个聊天窗口从头开始几个星期前。浏览器构建你的div堆栈的方式将使最近的消息被隐藏在窗口的限制之下。同样的事情发生到我，所以我建此Javascript/jQuery函数：

function baja_el_chat() { 
    var height = 0; 
    $('div#my-conversation .message').each(function(i, value){ 
     height += parseInt($(this).height()); 
    }); 

    height += ''; 

    $('div#my-conversation').animate({scrollTop: height}); 
} 

基本上它是衡量内容的基础上的所有聊天气泡的总和，然后滚动这一数额的高度。每次用户输入或接收新消息时，我都会调用此函数。