Показать в чате

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}); 
} 

В основном то, что он делает это, чтобы измерить высоту содержимого на основе суммы всех пузырьков чата, а затем пролистайте эту сумму. Я вызываю эту функцию каждый раз, когда пользователь нажимает кнопку «Ввод» или получает новое сообщение.