必應圖片搜索頁面 - 無限滾動

Question

當您搜索的Bing搜索引擎圖像，結果顯示如下：

通知您如何保持滾動和滾動並沒有「正常「分頁。

我的問題是：他們如何做到這一點？我可以看到有一些Ajax/JavaScript事件發生，但代碼不容易閱讀。我特別想知道他們是如何知道用戶視圖端口內是否有「空盒子」。

Answer 1

下面是關於該技術的文章：

Eliminate paging results by using 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

此功能通常稱爲「無限滾動」。搜索infinite scroll javascript出現了一些關於如何做到這一點的文章/帖子。一些更有趣的的：

• Implementing infinite scrolling with jQuery
• infinite-scroll.com
• Continuous scrolling pattern using JavaScript and ASP.NET

Answer 4

今天，我發現一個jQuery插件，做同樣的滾動的冰/ Live搜索：

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

它旨在消除對Next/Previous按鈕的需要。