javascript - ako môžem nastaviť, aby sa HTML posuvník spustil na spodok?

Snažím sa vytvoriť posúvateľnú oblasť pre chatbox, ale môj posuvník začína hore a nie dole. To znamená, že vidíte všetky prvé správy, ale nie všetky nové, kým nescrollujete nadol. Tento chatbox dostane veľa správ, takže posuvník musí začať na spodku.

Toto som zatiaľ získal v JQuery, ale nefunguje to

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

Ako teda zabezpečím, aby sa posuvník držal na spodku rolovania?

Upraviť: Teraz používam tento kód. Dostane sa to približne do stredu, ale nie na spodok.

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

Odpoveď č. 1

Dobre, prišiel som na to. Toto je kód, ktorý to rozbehal:

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

Alebo pre neanimované:

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