logo标签列表

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

ajaximagescrollpaginationbing
6
当你在必应搜索引擎上搜索图片时，结果会像这样显示： http://www.bing.com/images/search?q=stack+overflow 请注意，您可以不断滚动页面而没有“正常”的分页。
我的问题是：他们是如何做到的？我可以看到某些ajax / javascript事件发生了，但代码并不容易阅读。我特别想知道他们是如何知道“空白盒子”在用户视口内的。
4个回答
2

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

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

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

下面是加载更多数据的伪代码/jQuery代码，当用户滚动到底部时触发：

$(window).scroll(function(){
        if  ($(window).scrollTop() == $(document).height() - $(window).height()){
           loadMoreRows();
        }
});
1
1
0
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接