使用AJAX(jQuery)加载日期在div内无限滚动

时间:2011-06-10 19:38:43

标签: ajax jquery

我一直试图通过SO的几个问题来解决这个问题,找出不同的部分,然后再组装它们,但现在我放弃了。

我正在尝试做的事情:

用户在页面上,单击按钮并使用jQuerys .ajax将内容列表加载到div中。当他或她滚动到div的底部时,加载更多内容。正如在Twitter上看到的那样,但这是一个div。

我已经看过如何在滚动中进行无限加载的示例,但问题是这些示例重新加载整个页面(似乎)

有谁知道我怎么能做到这一点?

如上所述,我无法用正常手段完成此任务。

页面构建为:

第1页,有一个div,在用户点击按钮之前为空。

第2页加载了大量内容。当用户点击第1页上的按钮时,会将其加载到div中。

当用户滚动div(它有溢出设置为auto)并在div的底部结束时,它应该加载下一页左右。

提前致谢! :)

4 个答案:

答案 0 :(得分:14)

答案 1 :(得分:2)

使用JQuery.load()方法获取一些html内容,然后将其插入到html元素中。

答案 2 :(得分:0)

这是关于如何使用ajax和jquery开发自己的无限滚动的small guidehttp://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内部无限滚动