html - 使溢出的内容滚动到元素上方(而不是下方)

Question

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

用户应该能够向上滚动以按收到的时间顺序查看消息。我试过这样做(http://jsfiddle.net/wasingej/rqee378d/)。但是，我无法向上滚动以查看溢出的内容。

当内容在我的元素 ( http://jsfiddle.net/wasingej/rqee378d/3/ ) 下溢出时，这工作正常。

两者之间的所有变化是 bottom 属性已更改为 top。为什么我的滚动条不会出现在第一个示例中？

Answer 1

这样是不是简单多了？

http://jsfiddle.net/rqee378d/4/

div.outer
{
    position: relative;
    min-height: 20px;
    overflow-y: scroll;
}

div
{
    position: relative;
}

并使用前缀添加文本。

http://api.jquery.com/prepend/