Question

我不确定我是否可以在此处发布没有代码的问题。无论如何，如果它太宽泛或不合适，我很乐意删除。我目前正在实施pull to refresh，并且永远不会结束滚动，这两者现在都很受欢迎，显然是因为它们的可用性。

还有一些反对这些功能的人。我刚读了一篇article关于如何从设计师的角度来看过去刷新的几年，因为一切都会自动刷新，谁想要手动刷新东西。此外，永无止境的滚动可能会丢失您的位置或无法加载新内容并且必须刷新...

我很想让所有新帖自动进入，只需将它们添加到我的列表顶部，但如果您想象使用Twitter的内容，您实际上从未真正阅读过推文。他们刷新的速度很快，你试图读的东西都会被埋没。

有没有人真正做到甚至决定使用甚至想要看起来更像？对不起，我的意思是，是否有人看到它实现了新内容/帖子自动加载到最新帖子之上但我在页面上的位置保持不变？我想看看它是如何完成的。谢谢。

Answer 1

不，我记不起有一个与你描述的系统完全一致的网站。但我做了一个小功能，应该模仿你想要达到的目标。

Here's a demo 您可以在其中查看代码。

代码如何工作

1）。定义跟踪当前偏移量到文档顶部的变量，如下所示：

var curr_y = $(window).scrollTop();

2）。每次用户滚动时，将当前偏移的值更新到文档的顶部：

$(window).scroll(function () {
    curr_y = $(window).scrollTop();
});

3）。使用您的函数获取数据，然后使用此代码预先添加到容器中，然后将页面滚动到前置之前的位置：

cont = $('<div>your-content');
$("#container").prepend(cont);
$(window).scrollTop(curr_y + cont.outerHeight(true));