将滚动保持在底部

Question

我有一个shoutbox，我想保持滚动到底部与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。