Bing图片搜索分页

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

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

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

我的问题是:他们如何做到这一点? 我可以看到有一些Ajax / JavaScript事件发生,但代码不容易阅读。 我特别想知道他们是如何知道用户视图端口内是否有“空盒子”。


这里有一篇关于该技术的文章:

通过使用JavaScript(ala DZone)消除分页结果:使用Javascript,原型和PHP。


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

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

它包括可下载的WordPress和jQuery插件,并解释了使用“无限滚动/自动分页/无页面/无限页面”的优点/缺点。

在用户滚动到底部时加载更多数据的示例伪/ jQuery代码:

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

此功能通常称为“无限滚动”。 搜索无限滚动javascript会产生大量关于如何执行此操作的文章/帖子。 一些更有趣的:

  • 用jQuery实现无限滚动
  • infinite-scroll.com
  • 使用JavaScript和ASP.NET持续滚动模式
  • 链接地址: http://www.djcxy.com/p/42789.html

    上一篇: Bing image search paging

    下一篇: is it worth the effort