Подгрузка скролла при новом сообщении в чате

[AlexGraur]

Всем привет. Не знаю как сделать, чтобы при написании нового сообщения в чате - скролл передвигался к последнему сообщению.
Сейчас сделано так:

<script type="text/javascript">
   window.onload = function(){
                document.getElementById('chat_scroll').scrollTop = 9999;
            }

               </script>

При входе автоматом скролл перемешается вниз, но если напишется новое сообщение скролл не передвигает к последнему сообщению и приходится листать ручками. А хотелось бы автоматики.

Нашел на вашем же форуме интересную мысль и делал так:

<script type="text/javascript">
           window.onload = function(){
   var scrollinDiv = document.getElementById('chat_scroll');
   setInterval(function() {          
        scrollinDiv.scrollTop = 9999;
   }, 100);
}
 
        </script>

То есть в данном случае даже при новом сообщении автоматом уходило вниз к последнему написанному сообщению от тебя или кого-то другого... Но минус этого скрипта в том, что просмотреть более ранние записи невозможно кроме последних нескольких.
Поэтому хотелось бы как то реализовать так, чтобы при входе автоматом уходило вниз + при появлении нового скролл автоматом перемещался вниз + возможность просмотреть более ранние сообщения чата. Я также читал, что можно сделать через

insertAfter

но каким образом не знаю(. Заранее всем спасибо. Помогите решить данную задачу.

[Alex_63]

AlexGraur,
Ссылку на страницу с чатом? Тут нун отлавливать именно момент появления новых сообщений - а не тупо долбить интервалом

[AlexGraur]

Alex_63, http://farmbirds.ru/account/chat не думаю что ссылка поможет.. вход тока зарегистрированным возможен... а так весь чат на аякс сделан впринципе...

[Alex_63]

AlexGraur,
Тогда скиньте код(JS-скрипт) чата...
Ну или сами доправьте этот костыль:

setInterval(function() {
        var chatScroll = document.getElementById('chat_scroll');
        if (document.getElementsByClassName('класс нового сообщения').length) chatScroll.scrollTop = chatScroll.innerHeight;
   }, 100);