必应图片搜索分页 - 无限滚动答案

【问题标题】：Bing image search paging - infinite scroll必应图片搜索分页 - 无限滚动
【发布时间】：2010-11-07 13:07:19
【问题描述】：

当你在 Bing 搜索引擎上搜索图片时，结果显示如下：

http://www.bing.com/images/search?q=stack+overflow

注意如何保持滚动和滚动，并且没有“正常”分页。

我的问题是：他们是怎么做到的？我可以看到发生了一些 ajax/javascript 事件，但代码不易阅读。我特别想知道他们如何知道用户视口内何时出现“空框”。

【问题讨论】：

标签： ajax image scroll pagination bing

【解决方案1】：

今天我发现了一个与 Bing/Live Search 一样滚动的 jQuery 插件：

http://blog.yctin.com/archives/jquery-plugins-ajaxscroll/

它旨在消除对 Next/Previous 按钮的需求。

【讨论】：

【解决方案2】：

此功能通常称为“无限滚动”。搜索infinite scroll javascript 会出现许多关于如何执行此操作的文章/帖子。一些更有趣的：

【讨论】：

【解决方案3】：

经过一番搜索和阅读，我发现了这个非常好的网站：

http://www.infinite-scroll.com/

它包括可下载的 WordPress 和 jQuery 插件，还解释了使用“无限滚动/自动分页/取消分页/无尽页面”的优缺点

当用户一直滚动到底部时加载更多数据的示例伪/jQuery 代码：

$(window).scroll(function(){
        if  ($(window).scrollTop() == $(document).height() - $(window).height()){
           loadMoreRows();
        }
});

【讨论】：

【解决方案4】：

这是一篇关于该技术的文章：

Eliminate paging results by using JavaScript (ala DZone) : 使用 Javascript、原型和 PHP。

【讨论】：