2013-03-05 58 views
0

我是网络开发的新手。Mobile Safari滚动到底部加载更多内容如Facebook

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

我们的应用程序在桌面浏览器上运行正常,但我们在移动端有问题,特别是在移动Safari上。滚动到底部正在工作。它加载更多的内容,以便在页面顶部处理新的更新;但是它将用户带回列表的顶部,而不是停留在显示的最后一个项目上,新加载的内容将被隐藏,并且一旦向下滚动,将被查看。所以,如果页面显示列表中的第11-20个项目,并且他向下滚动以加载更多,例如5个项目,则页面重新加载并且将用户带到第1至第10项目。它应该停留在11日至20日的物品上,但仍然装载了隐藏在下方的21日至25日物品。

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

回答

1

你可以试试第三方库,因为这一个一个的例子http://dcarrith.github.com/jquery.mobile.lazyloader/

+0

我们的应用程序现在有什么是移动倾向于重新加载页面,这就是为什么用户被发回到页面的顶部。我已经在上面编辑了我的问题,并详细说明了listview还应该支持在页面顶部添加新的推送更新,比如Facebook所拥有的更新。 – Kimpoy 2013-03-05 19:12:45

+0

我很感谢你的帮助,所以我会给你一个投票。 :) – Kimpoy 2013-03-05 19:15:48

+0

感谢您的赞赏。 – 2013-03-06 04:16:34

1

尝试使用iScroll 4,它应该达到你希望的东西移动 http://cubiq.org/dropbox/iscroll4/examples/pull-to-refresh/

+1

恕我直言,iScroll是糟糕的敌人jQuery Mobile。我已经尝试过各种项目,并且在各种设备上会表现异常。 – 2013-03-05 04:21:23

+0

iScroll并不完全是我正在寻找的答案。但是,谢谢你的努力。 :) – Kimpoy 2013-03-05 19:16:44

相关问题