javascript - Mobile Safari 滚动到底部以加载更多内容，例如 Facebook

Question

我是网络开发新手。

我和我的队友正在开发一个项目，其中页面上最初显示 10 个项目。用户可以滚动项目列表，当到达底部时，它应该再加载 5 个内容。此外，我们希望列表保留在加载更多内容之前最后查看的项目上；但是，它仍然应该支持在页面顶部加载新更新 - 就像 Facebook 新闻源中的那样。当滚动到页面底部时加载更多内容时，上方会添加新的更新。

我们的应用在桌面浏览器上运行顺利，但在移动端(特别是 Mobile Safari)上遇到了问题。滚动到底部正在工作。它加载更多内容，以便在页面顶部处理新的更新；然而，它将用户带回到列表的顶部，而不是停留在最后显示的项目上，新加载的内容将被隐藏，并在向下滚动后查看。因此，如果页面显示列表中的第 11-20 个项目，并且他向下滚动以加载更多项目(例如 5 个项目)，则页面将重新加载并将用户带到第 1-10 个项目。它应该停留在第 11-20 个项目上，但仍然加载了隐藏在下面的第 21-25 个项目。

任何帮助将不胜感激!谢谢!

Answer 1

您可以尝试第三方库之一，例如 http://dcarrith.github.com/jquery.mobile.lazyloader/