你能用一个可滚动的div来保持使用FIFO的回滚大小

Question

所以我有一个带有以下css的div容器

#game-container {
background-color: #000000;
color: #ffffff;
border: thick solid #808080;
height: 400px;
word-wrap: break-word;
overflow: auto;}

我也使用此功能将滚动条保持在容器的底部。

function scrollToBottom(container) {
        var messages = $(container);
        messages.scrollTop(messages[0].scrollHeight);
    }

它按预期工作，并且数据会附加到它向上滚动的容器中。我想要做的是使用保持容器内容的先进先出方法限制容器保持的回滚量。因此，如果容器中有20行或像素，或者在回滚中使用了任何测量值，它将丢弃第一个内容并在添加新内容时保持其大小，随着第一个内容的增长而丢弃。

Answer 1

您可能希望删除容器中的第一个子元素（ren），直到达到最小高度。

在您将新内容插入容器底部后，可以立即做到这一点。

关于删除子元素，您可以参考已发布的答案here和here。