如何在底部创建一个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") });