Question

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

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

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

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

Answer 1

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

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

它包括可下载的WordPress和jQuery -plugins，还解释了使用“无限滚动/ autopagerize / unpaginate /无限页面”的优缺点

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

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

Answer 2

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

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

Answer 3

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

Answer 4

今天我找到了一个jQuery插件，它使用与Bing / Live Search相同的滚动：

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

它旨在消除对下一个/上一个按钮的需要。

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

4 个答案: