当你在Bing搜索引擎上搜索图片时,结果显示如下:
http://www.bing.com/images/search?q=stack+overflow
请注意,您如何不断滚动并滚动,并且没有“正常”分页。
我的问题是:他们是如何做到这一点的?我可以看到发生了一些 ajax/javascript 事件,但代码不容易阅读。我特别想知道他们如何知道“空盒子”何时位于用户视图端口内。
经过一番搜索和阅读,我发现了这个非常好的网站:
http://www.infinite-scroll.com/
它包括可下载的 WordPress 和 jQuery 插件,还解释了使用“无限滚动/自动分页器/取消分页/无尽页面”的优点/缺点
当用户一直滚动到底部时加载更多数据的示例伪/jQuery 代码:
$(window).scroll(function(){
if ($(window).scrollTop() == $(document).height() - $(window).height()){
loadMoreRows();
}
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)