保持滚动到底

Question

我有一个留言箱，我想保持滚动到IM窗口底部相同。

我的HTML是

<div id="shoutContainer"> 
      <table id="shoutbox"> 
       <tbody> 
         <!-- shouts here --> 
       </tbody> 
      </table> 
    </div> 

我的CSS

#shoutContainer { 
    height: 100px; overflow-y: scroll; 
} 

如果它不可能通过HTML和CSS。我们可以实现这个原始的JavaScript？因为我没有使用任何框架

Answer 1

每当一个项目被添加，请执行以下操作：

document.getElementById('shoutContainer').scrollTop = 10000; 
// or some other big number 

编辑

Answer 2

我不知道，你可以用CSS单独做到这一点，但这里是一个伟大的jQuery的解决方案：Ajaxdaddy shoutbox。

这是一个免费的留言框的服务，让您的客户感到高兴：

Free shoutboxes。

我刚刚做了一个以确保它没问题，example here。