javascript - 如何使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") });