非同步載入技術實現當捲軸到最底部的瀑布流效果，非同步捲軸_PHP教程

非同步載入技術實現當捲軸到最底部的瀑布流效果，非同步捲軸

非同步載入技術實現瀑布流效果。當捲軸到最底部的時候觸發一個事件，這個事件寫入$.get()事件，向內部程式頁傳遞類別id和頁碼，程式將會返回那個類別下的相對頁的產品列表，如果程式查詢當前類無產品即返回空。

捲軸事件要寫在window.onscroll中才有效判斷。如下：

window.onscroll=function(){
　　　　// var scrolltop=document.documentElement.scrollTop||document.body.scrollTop;var tops = $(document).scrollTop(); //擷取捲軸的位置var sctop = $(document).height()-$(window).height();var id = $("#ajax_claid").val();if(!id){id=8;}$("#ajax_p").val(tops);if(tops>=sctop)//成立說明捲軸已在最底部{var b=$("#ajax_p").val();if(b>a){page=page+1;//傳遞頁碼}var Url = "aja_pro/"+id+"/"+page;//程式頁面，查詢資訊返回資料，直接返回帶html的資訊。$.get(Url,function(data){$("#aja_jia").append(data);});}};

Jquery的 scroll事件，實現當捲軸到達最底部時，自動載入新項 aspnet中

這裡有一個lazyload即消極式載入效果
拖動捲軸可以載入顯示的資料
裡面有教程和源碼
參考資料：www.blueidea.com/...=11641
 

利用JS，怎判斷捲軸是否滾動到頁面最底部

改成這樣就可以相容 IE和chrome