我正在尝试在我的网站上创建一个聊天页面。此应用程序的重要功能之一是,无论何时收到新消息,旧消息都应推送到聊天输出区域。
用户应该能够向上滚动以按收到的时间顺序查看消息。我试过这样做(http://jsfiddle.net/wasingej/rqee378d/)。但是,我无法向上滚动以查看溢出的内容。
当内容在我的元素 ( http://jsfiddle.net/wasingej/rqee378d/3/ ) 下溢出时,这工作正常。
两者之间的所有变化是 bottom
属性已更改为 top
。为什么我的滚动条不会出现在第一个示例中?
最佳答案
这样是不是简单多了?
http://jsfiddle.net/rqee378d/4/
div.outer
{
position: relative;
min-height: 20px;
overflow-y: scroll;
}
div
{
position: relative;
}
并使用前缀添加文本。
关于html - 使溢出的内容滚动到元素上方(而不是下方),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30898823/