¿cómo puedo hacer que una barra de desplazamiento html comience en la parte inferior?

Question

Estoy tratando de crear un área desplazable para un chatbox, pero mi barra de desplazamiento comienza en la parte superior y no en la inferior. Esto significa que verá todos los primeros mensajes, pero no todos los nuevos hasta que se desplace hacia abajo. Esta caja de chat recibirá muchos mensajes, por lo que la barra debe comenzar en la parte inferior.

Esto es lo que tengo hasta ahora en jQuery, pero que no está funcionando

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

Entonces, ¿cómo puedo obtener una barra de desplazamiento para pasar la parte inferior del rollo?

Editar: Ahora usando este código. va a la mitad, pero no a la parte inferior.

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

Answer 1

Okay I lo descubrí. Este es el código que tengo trabajo:

$('#chatbox').animate({ 
        scrollTop: $("#chatbox").prop("scrollHeight")}, 0 
       ); 

O para no animado:

  $("#chatbox").prop({ scrollTop: $("#chatbox").prop("scrollHeight") });