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

时间:2014-05-10 20:57:02

标签: jquery html wordpress scroll

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

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

我的页面没有下一页功能,所以我的所有(内容)div都会立即加载。

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

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

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

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

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

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

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