在底部</div>之前滚动时加载更多<div>

Question

嘿我正在寻找一个简单的jquery脚本，当用户向下滚动时会加载更多内容或div。

我检查了无限滚动插件，但它似乎只适用于下一页。

我的页面没有下一页功能，所以我的所有（内容）div都会立即加载。

我正在寻找一个可以在每次用户滚动到底部时加载一定数量的div的脚本，就像Facebook已经实现的那样。

我是在wordpress上。 http://img.studio-heads.net/

Answer 1

我有一个非常简单的方法，无需插件即可完成此操作，只需添加以下代码：

if ($("#div").scrollTop() +  $("#div").innerHeight()  >  this.scrollHeight - 100 ) {
       // you need change value 100 according your situation
       $("#div").append();  // your loading more code here
}

Answer 2

您可以随时更改您的WordPress主题，以应用您自己的无限卷轴以您希望的方式工作吗？

例如：http://www.infinite-scroll.com/ 他们几乎告诉你如何为你的内容设置

另一个是http://infiniteajaxscroll.com/ 这个，当你应用它时，你可以使用你的内容在页面下载时加载页面，将现有的分页变成无限滚动的页面。

我相信，关于它们的文件适用于whatyou正在寻找。