只要div的滚动到达结尾,就会调用此代码调用ajax。它假设是一个自动动态滚动。这个ajax获得列表的下一个X。
$("#gvContacts").scroll(function(){
var scrolltop=$('#gvContacts').attr('scrollTop');
var scrollheight=$('#gvContacts').attr('scrollHeight');
var windowheight=$('#gvContacts').attr('clientHeight');
if(scrolltop==(scrollheight-(windowheight)))
{
var p = eval($("#pageNumber").val());
$("#pageNumber").val(p + 1); // This updates what page should the ajax get next
loadRelatedFilters(false); //This call an ajax to load more
}
}
它适用于FF,Chrome ......它也适用于IE浏览器。但它打了两次,无法搞清楚。每当它到达列表的末尾时,它就会得到2页而不是1页。
答案 0 :(得分:4)
听起来你需要debounce滚动事件。然而,真正听起来像是你正在制作一个“无限卷轴” - 我错了吗?
如果是这样 - 只需使用已经写好的内容! http://www.infinite-scroll.com/