Question

我需要的是能够使用外部div滚动消息。内部div位于外部div的底部，以便在添加新消息时（通过JavaScript），它们从底部出现并上升......这样可行，它只是不可滚动。

   <div id="outside">
    <div id="inside">
        <p>The quick</p>
        <p>brown fox</p>
        <p>jumps</p>
        <p>over the</p>
        <p>lazy</p>
        <p>dog.</p>
        <p>I'm on the bottom!</p>
        <p>I'm on the bottom!</p>
        <p>I'm on the bottom!</p>
        <p>I'm on the bottom!</p>
    </div>
</div>
<style>
#outside {
    height:150px;
    width:300px;
    position:relative;
    overflow-y:scroll;
}
#inside {
    position:absolute;
    bottom:0;
}
</style>

编辑：要查看它，请转到http://io-chat.com:85/lobby聊天输出是我正在处理的，如果你继续发送消息，你最终会溢出输出。我现在已经滚动它了，但它在顶部创建了一个大的空白......

Answer 1

我可以通过向外部css类添加top属性或为内部类提供高度来滚动它。我不确定我到底知道你想要什么。每个内部div都是一条消息，或者内部div中的每个段落都是一条消息吗？

无法让div滚动[css]

1 个答案: