Làm cách nào để tạo thanh cuộn html ở dưới cùng?

Question

Tôi đang cố gắng tạo vùng có thể cuộn cho hộp trò chuyện, nhưng thanh cuộn của tôi bắt đầu ở trên cùng và không phải dưới cùng. Điều này có nghĩa là bạn thấy tất cả các tin nhắn đầu tiên, nhưng không phải tất cả các tin nhắn mới cho đến khi bạn cuộn xuống. Chatbox này sẽ nhận được rất nhiều tin nhắn, do đó, thanh cần phải bắt đầu ở phía dưới.

Đây là những gì tôi có cho đến nay trong JQuery, nhưng nó không làm việc

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

Vì vậy, làm thế nào để tôi nhận được một thanh cuộn để ở lại ở dưới cùng của cuộn?

Chỉnh sửa: Hiện đang sử dụng mã này. nó đi vào khoảng giữa, nhưng không phải ở phía dưới.

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

Answer 1

OK tôi đã tìm ra. Đây là mã đó đã nhận nó làm việc:

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

Hoặc cho không động:

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