Javascript 使用没有分页标记的jQuery无限滚动插件?
因此,我正在尝试实现流行的inifnite滚动插件,以取代我目前自制的无限滚动脚本: & 无论如何,这个插件似乎需要在页面上有html分页。也就是说,由于这些选择:Javascript 使用没有分页标记的jQuery无限滚动插件?,javascript,jquery,infinite-scroll,Javascript,Jquery,Infinite Scroll,因此,我正在尝试实现流行的inifnite滚动插件,以取代我目前自制的无限滚动脚本: & 无论如何,这个插件似乎需要在页面上有html分页。也就是说,由于这些选择: nextSelector: "div.navigation a:first", navSelector: "div.navigation", 页面上没有分页标记。我不在乎我的站点是否与爬虫/js禁用用户兼容 那么,有没有一种方法可以实现这个插件而不需要物理html分页呢 在我的自定义脚本中,我做了如下操作: var $page
nextSelector: "div.navigation a:first",
navSelector: "div.navigation",
页面上没有分页标记。我不在乎我的站点是否与爬虫/js禁用用户兼容
那么,有没有一种方法可以实现这个插件而不需要物理html分页呢
在我的自定义脚本中,我做了如下操作:
var $page = 1;
// Load content for $page
$page++;
像这样的东西,也就是说,我可以作为一个整数传入起始页?看看这个非常简化的无限滚动版本,它不需要任何分页元素
您可以使用jQuery/javascript轻松创建它 现在要为任何东西编写一个通用版本都有点困难,但主要原则是: 如果您正在加载最新的内容(最新的优先,较旧的滚动):
function loadnewdata()
{
// do ajax stuff, update data.
}
setInterval(
function (){
if(($(document).height() - $(window).height() - $(document).scrollTop()) < 500){
loadnewdata();
}
},
500
);
函数loadnewdata()
{
//做ajax的事情,更新数据。
}
设定间隔(
函数(){
如果($(document.height()-$(window.height()-$(document.scrollTop())<500){
loadnewdata();
}
},
500
);
当然,您可以自己编写loadNewData()函数。取决于你的数据。
如果用户已滚动页面,则每500次将加载一次新数据。我知道我可以自己完成,我已经完成了。但是我想用这个插件来代替它,因为它有很多其他的功能,还有jquery砌体集成,这在其他方面是很棘手的。然后我不确定我能帮上什么忙,甚至以前都没能让这个脚本工作。