如何让 html 滚动条从底部开始？

我正在尝试为聊天框创建一个可滚动区域，但我的滚动条从顶部而不是底部开始。这意味着您会看到所有第一条消息，但在向下滚动之前不会看到所有新消息。该聊天框将收到大量消息，因此该栏需要从底部开始。

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

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

那么如何让滚动条停留在滚动底部呢？

编辑：现在使用此代码。它会到达中间，但不会到达底部。

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

好吧，我想通了。这是让它工作的代码：

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

或者对于非动画：

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