将滚动保持在底部

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

编辑