Bing图片搜索分页
在Bing搜索引擎上搜索图像时,结果显示如下:
http://www.bing.com/images/search?q=stack+overflow
注意如何保持滚动和滚动,并且没有“正常”分页。
我的问题是:他们如何做到这一点? 我可以看到有一些Ajax / JavaScript事件发生,但代码不容易阅读。 我特别想知道他们是如何知道用户视图端口内是否有“空盒子”。
这里有一篇关于该技术的文章:
通过使用JavaScript(ala DZone)消除分页结果:使用Javascript,原型和PHP。
经过一番搜索和阅读,我发现这个非常好的网站:
http://www.infinite-scroll.com/
它包括可下载的WordPress和jQuery插件,并解释了使用“无限滚动/自动分页/无页面/无限页面”的优点/缺点。
在用户滚动到底部时加载更多数据的示例伪/ jQuery代码:
$(window).scroll(function(){
if ($(window).scrollTop() == $(document).height() - $(window).height()){
loadMoreRows();
}
});
此功能通常称为“无限滚动”。 搜索无限滚动javascript会产生大量关于如何执行此操作的文章/帖子。 一些更有趣的: