javascript - 将新帖子加载到顶部 - 向上滚动

Question

我正在一个网站上（或多或少）实时发布新帖子。因为我不希望帖子在发布新帖子时不断向下滚动，所以我想在其他帖子的“顶部”加载新帖子。如果用户想要查看新帖子，他/她必须向上滚动而不是向下滚动。

我一直在寻找有关如何实现这一目标的想法，但到目前为止并不幸运。有谁知道如何开始？

非常感谢！D

PS 我不想显示“新帖子”的消息（如 twitter）。我有点希望帖子立即加载。

Answer 1

一个想法是，如果您将帖子列表绝对定位在另一个 div 中，则应用一个top等于新帖子高度的负值。为简单起见，假设您的所有帖子的高度正好为 40px，然后当有新帖子出现时，将top偏移设置为之前的负 40px。如果处理不好，我会有点担心“闪烁”。

scrollTop如果您在滚动窗口中查看列表，则同样的技巧可以应用于这些值。

Answer 2

如果您使用的是“Jquery”，则可以使用

$('#container').prepend( '<div class="post">Hi im a new post</div>' );

代替

$('#container').append( '<div class="post">Hi im a new post</div>' );

这会将帖子呈现为#container 的第一个子元素，而不是最后一个。