我一直试图通过SO的几个问题来解决这个问题,找出不同的部分,然后再组装它们,但现在我放弃了。
我正在尝试做的事情:
用户在页面上,单击按钮并使用jQuerys .ajax将内容列表加载到div中。当他或她滚动到div的底部时,加载更多内容。正如在Twitter上看到的那样,但这是一个div。
我已经看过如何在滚动中进行无限加载的示例,但问题是这些示例重新加载整个页面(似乎)
有谁知道我怎么能做到这一点?
如上所述,我无法用正常手段完成此任务。
页面构建为:
第1页,有一个div,在用户点击按钮之前为空。
第2页加载了大量内容。当用户点击第1页上的按钮时,会将其加载到div中。
当用户滚动div(它有溢出设置为auto)并在div的底部结束时,它应该加载下一页左右。
提前致谢! :)
答案 0 :(得分:14)
有一些插件可以很好地完成这项工作。
http://www.webdeveloperjuice.com/2010/02/24/create-infinte-scroll-effect-using-jquery-with-demo/
http://www.beyondcoding.com/2009/01/15/release-jquery-plugin-endless-scroll/
编辑:一些更新的插件:
https://github.com/fredwu/jquery-endless-scroll
http://www.infinite-scroll.com/infinite-scroll-jquery-plugin/
答案 1 :(得分:2)
使用JQuery.load()方法获取一些html内容,然后将其插入到html元素中。
答案 2 :(得分:0)
这是关于如何使用ajax和jquery开发自己的无限滚动的small guide。 http://dumpk.com/2013/06/02/how-to-create-infinite-scroll-with-ajax-on-jquery/
答案 3 :(得分:0)
如果你正在使用Paul Irish的Infinite Scroll,你可以指定一个活页夹作为你实现无限滚动的参数之一,就像这样:
$('.mydiv').infinitescroll({
binder: $(".name-of-div")
默认情况下,活页夹设置为文档窗口,但如果您指定它,则可以在页面上的一个div内部无限滚动