使用AJAX（jQuery）加载日期在div内无限滚动

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

我正在尝试做的事情：

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

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

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

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

该页面构建为：

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

第2页加载了很多内容。当用户单击第1页上的按钮时，会将其加载到div中。

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

提前致谢！ 🙂

有一些插件可以很好地为您完成此操作。

编辑：一些更新的插件：

https://github.com/fredwu/jquery-endless-scroll

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

这是一个关于如何使用ajax和jquery开发自己的无限滚动的小指南。 http://dumpk.com/2013/06/02/how-to-create-infinite-scroll-with-ajax-on-jquery/

如果你正在使用Paul Irish的Infinite Scroll，你可以指定一个binder作为你实现无限滚动的参数之一，就像这样：

$('.mydiv').infinitescroll({ binder: $(".name-of-div")

默认情况下，活页夹设置为文档窗口，但是如果指定它，则可以在页面上的一个div内部无限滚动