как сделать так, чтобы полоса прокрутки html начиналась снизу?

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

Это то, что я получил в JQuery, но это не работает.

$('#chatbox').each(function(){
                $(this).scrollTop($(this).prop('scrollHeight'));
            });

Итак, как мне заставить полосу прокрутки оставаться в нижней части прокрутки?

Изменить: теперь используется этот код. он идет примерно посередине, но не снизу.

$('#chatbox').animate({ 
                   scrollTop: $('#chatbox').height()}, 0
                );