我是网络开发的新手。
我的队友和我正在开展一个项目,其中10个项目最初显示在页面上。用户可以滚动项目列表,当他到达底部时,它应该加载5个以上的内容。此外,我们希望列表保留在加载更多内容之前上次查看的项目;但是,它应该仍然支持在页面顶部加载新的更新 - 就像在Facebook新闻源中一样。当滚动到达页面底部时,它会加载更多内容,但上面会添加新的更新。
我们的应用程序在桌面浏览器上运行顺畅,但我们在移动端遇到了问题,特别是在Mobile Safari上。滚动到底部是有效的。它加载更多内容,以便在页面顶部处理新的更新;然而,它将用户带回到列表的顶部,而不是停留在显示的最后一个项目上,并且新加载的内容将被隐藏,并且一旦向下滚动就会被查看。因此,如果页面显示列表中的第11-20个项目,并且他向下滚动以加载更多项目,比如5个项目,页面将重新加载并将用户带到第1个第10项目。它应该保留在11月20日的项目上,但仍然会加载隐藏在下面的第21个第25个项目。
任何帮助将不胜感激!谢谢!
答案 0 :(得分:1)
尝试使用iScroll 4,它应该达到您想要的移动设备 http://cubiq.org/dropbox/iscroll4/examples/pull-to-refresh/
答案 1 :(得分:1)
您可以尝试使用其中一个第三方库作为示例http://dcarrith.github.com/jquery.mobile.lazyloader/