Bing图片搜索分页-无限滚动

Question

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

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

请注意，您如何不断滚动并滚动，并且没有“正常”分页。

我的问题是：他们如何做到这一点？我可以看到发生了一些 ajax/javascript 事件，但代码不容易阅读。我特别想知道他们如何知道“空盒子”何时位于用户视图端口内。

Answer 1

下面是关于该技术的文章：

通过使用消除寻呼结果的JavaScript（ALA DZone）：使用JavaScript，原型和PHP

Answer 2

在一些搜索和阅读中，我发现这非常好的网站：

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

它包括可下载的WordPress和jQuery -plugins并且还说明了使用的优点/缺点 “无限滚动/ autopagerize / unpaginate /无穷页”

样本伪/ jQuery代码加载更多的数据时，用户已经一路滚动至底部：

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

Answer 3

此功能通常称为“无限滚动”。正在寻找 无限滚动 JavaScript 有很多关于如何做到这一点的文章/帖子。一些更有趣的：

• 使用 jQuery 实现无限滚动
• 无限滚动.com
• 使用 JavaScript 和 ASP.NET 的连续滚动模式

Answer 4

今天，我发现一个jQuery插件，做同样的滚动如兵/ Live搜索：

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

它被设计用来删除/下一按钮的需要。