如何在底部創建一個html滾動條？

Question

我正在嘗試為聊天框創建一個可滾動區域，但我的滾動條從頂部開始而不是從底部開始。 這意味着在向下滾動之前，您會看到所有第一條消息，但不會顯示所有新消息。 這個聊天框會收到很多消息，所以條形圖需要從底部開始。

這是我到目前為止在JQuery中得到的，但它不起作用

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

那么如何讓滾動條保持在滾動的底部？

編輯：現在使用此代碼。 它繞到中間，但不是底部。

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

Answer 1

好吧我明白了。 這是讓它工作的代碼：

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

或者對於非動畫：

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