Html 使溢出内容滚动到元素上方（而不是下方）

我正在尝试在我的网站上创建聊天页面。此应用程序的一个重要功能是，每当收到新消息时，应将旧消息推送到聊天输出区域

用户应该能够向上滚动查看按接收时间顺序排列的消息。我已经尝试过这样做（）。但是，我无法向上滚动查看溢出的内容

当我的元素（）下面的内容溢出时，这可以正常工作

---

两者之间的所有变化是

bottom

属性已更改为

top

。为什么我的滚动条不会出现在第一个示例中？

这不是更简单吗

以及使用前置词添加文本

---

您的滚动条不会出现在第一个示例中，因为您正在使用

绝对

定位元素。请以下是一段引述：

现在发生的是绝对定位的元素 相对于主体元素而不是 他们的直系父母

---

这就是为什么你的滚动条没有出现。如果您让它们

以
静态的位置阻止
元素，那么滚动就可以了。
您可以使用JavaScript吗？如果您希望最后一段文本显示在视口中。请看：问题是，所有文本都将显示在容器div的顶部。我希望文本显示在容器div的底部，并在添加更多文本时向上展开。当文本在容器div顶部上方展开时，滚动条应出现。
div.outer
{
    position: relative;
    min-height: 20px;
    overflow-y: scroll;
}

div
{
    position: relative;
}