必应图片搜索页面 - 无限滚动(Bing image search paging - infinit

当您搜索的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无限滚动
• infinite-scroll.com
• 使用JavaScript和ASP.NET连续滚动模式

Answer 4:

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

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

它的目的是消除对下一首/上一个按钮的需要。

文章来源: Bing image search paging - infinite scroll