javascript - 保持滚动到底部

标签 javascript html css

我有一个 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 中实现吗?因为我没有使用任何框架

最佳答案

每当添加元素时,请执行以下操作:

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

已编辑

关于javascript - 保持滚动到底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2653233/

相关文章:

javascript - 文件(任何类型)的动态幻灯片

JavaScript 页面大小调整

javascript - 调整下拉菜单位置

css - Safari 使用带有 optimizeLegibility 的 Typekit 移除字间距

javascript - JQuery 获取链接并根据第 n 个数字添加变量

javascript - 我怎样才能访问 "this"内的项目

javascript - IE7 忽略除背景图像之外的所有 CSS

css - 如何使用 flexbox 将两个元素放在同一行中?

javascript - 类型错误 : Cannot set property '' of undefined

javascript - 临时上传文件以使用它 - javascript