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

Question

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

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

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

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

score 2 · Accepted Answer

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

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

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

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

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

score 1 · Accepted Answer

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

使用 JavaScript (ala DZone) 消除分页结果：使用 Javascript、原型和 PHP。

score 1 · Accepted Answer

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

score 0 · Accepted Answer

今天我发现了一个 jQuery 插件，它和 Bing/Live Search 一样滚动：

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

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

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

4 回答 4

Related

Reference