如何用滚动显示div的底部？ [复制]答案

【问题标题】：how to show the bottom of div with scroll? [duplicate]如何用滚动显示div的底部？ [复制]
【发布时间】：2023-03-13 16:33:02
【问题描述】：

我有一个带有滚动条的 DIV，其中包含来自 mySQL 的信息。

这个 DIV 假设是一个聊天（如 facebook 聊天），它每隔几秒就用 ajax 刷新一次。

我需要这个 DIV 总是向我显示底部的信息（如 facebook 聊天）

我是怎么做到的（保持向下滚动）？

<div style='width:100%; height:275px; bottom:25px; overflow-y:scroll;' id='aaa'>
  chat 
</div>

【问题讨论】：

【解决方案1】：

在你的 div 标签中设置样式为

style='width:100%; height:275px; bottom:25px; overflow-y:auto;'

当新的聊天消息出现时，y轴的滚动条已经自动下降

【讨论】：

【解决方案2】：

试试下面的

var objDiv = document.getElementById("your_div");
objDiv.scrollTop = objDiv.scrollHeight;

【讨论】：