我怎樣才能讓一個HTML滾動條開始在底部？

我正在嘗試製作聊天室的可滾動區域，但我的滾動條始於頂部而不是底部。這意味着你看到所有的第一條消息，但不是所有的新消息，直到你向下滾動。這個聊天室會得到很多消息，所以酒吧需要從底部開始。我怎樣才能讓一個HTML滾動條開始在底部？

這是我在JQuery中得到了這麼遠，但它不工作

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

那麼，如何得到一個滾動條留在滾動的底部？

編輯︰現在使用此代碼。它走到中間，但不是底部。

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

2012-03-11 CyanPrime

你好，這是你在找什麼 - http://stackoverflow.com/questions/1890995/ jquery-scroll-to-bottom-of-page-iframe;希望它可以幫助，歡呼 – 2012-03-11 22:30:15

好吧，它幫助了一些，我讓滾動條加載到中間附近，但不是底部。我會發布我已更新的 – CyanPrime 2012-03-11 22:40:44

我們可以得到一個js小提琴或您的html樣本？ – Fresheyeball 2012-03-11 22:44:18

好吧我想通了。這是得到它的工作代碼：

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

或非動畫：

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

2012-03-11 22:49:35 CyanPrime

回答