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