我怎样才能让一个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

回答