ScrollTop 在 Chrome 和 Firefox 中不起作用

Question

当用户打开聊天、发送或接收消息时，我尝试使用 JavaScript 将聊天的 div 向下滚动到最新消息。 为此，我尝试使用许多谷歌搜索结果中推荐的 ScrollTop。 我将 div 元素设为全局 object 因为我想在脚本中多次使用带有 ScrollTop 的行。 chatdiv 设置为'overflow-y: scroll;'。 我在浏览器控制台中使用警报 output 验证 window.onload function 正在工作。

<script type="text/javascript">
var element_label = document.getElementById("chatdiv");

window.onload = function WindowLoad(event) {
    element_label.scrollTop = element_label.scrollHeight;
}
</script>

我的下一个尝试是获取最新消息 object 并在其上使用 ScrollIntoView。 这也没有奏效。

<script type="text/javascript">
var element_label = document.getElementById("chatdiv");
var last_mess = document.getElementById("chatdiv").lastChild;

window.onload = function WindowLoad(event) {
    last_mess.scrollIntoView();
}
</script>

我是否遗漏了重要的一点，或者不再可以使用 JavaScript 滚动 div？

提前致谢！