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

Question

我正在开发一个新帖子（或多或少）实时发布的网站。由于我不希望帖子在发布新帖子时不断向下滚动，因此我想加载新帖子并排在最前面。其他职位如果用户想要查看新帖子，他/她必须向上滚动而不是向下滚动。

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

非常感谢！ d

P.S。我不想显示说“新帖子”的消息（如推特）。我有点想要立即加载帖子。

Answer 1

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

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

而不是

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

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

Answer 2

如果你绝对将你的帖子列表放在另一个div中，一个想法就是应用一个负top值，该值等于新帖子的高度。为了简单起见，假设您的所有帖子都是正确的40px高，那么当新帖子进入时，将top偏移设置为减去40px之前的任何值。如果处理得不好，我会有点担心“闪烁”。

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