當您搜索的Bing搜索引擎圖像,結果顯示如下:必應圖片搜索頁面 - 無限滾動
通知您如何保持滾動和滾動並沒有「正常「分頁。
我的問題是:他們如何做到這一點?我可以看到有一些Ajax/JavaScript事件發生,但代碼不容易閱讀。我特別想知道他們是如何知道用戶視圖端口內是否有「空盒子」。
當您搜索的Bing搜索引擎圖像,結果顯示如下:必應圖片搜索頁面 - 無限滾動
通知您如何保持滾動和滾動並沒有「正常「分頁。
我的問題是:他們如何做到這一點?我可以看到有一些Ajax/JavaScript事件發生,但代碼不容易閱讀。我特別想知道他們是如何知道用戶視圖端口內是否有「空盒子」。
下面是關於該技術的文章:
Eliminate paging results by using JavaScript (ala DZone):使用JavaScript,原型和PHP。
一些搜索和閱讀中,我發現這非常好站點後:
http://www.infinite-scroll.com/
它包括可下載的WordPress和jQuery -plugins,並說明使用「無限滾動/ autopagerize/unpaginate的優點/缺點/不已頁面」
樣品僞/ jQuery代碼加載時用戶滾動一路底部提供了更多的數據:
$(window).scroll(function(){
if ($(window).scrollTop() == $(document).height() - $(window).height()){
loadMoreRows();
}
});
此功能通常稱爲「無限滾動」。搜索infinite scroll javascript出現了一些關於如何做到這一點的文章/帖子。一些更有趣的的:
今天,我發現一個jQuery插件,做同樣的滾動的冰/ Live搜索:
http://blog.yctin.com/archives/jquery-plugins-ajaxscroll/
它旨在消除對Next/Previous按鈕的需要。