|
異步加載技術(shù)實(shí)現(xiàn)瀑布流效果。當(dāng)滾動(dòng)條到最底部的時(shí)候觸發(fā)一個(gè)事件,這個(gè)事件寫入$.get()事件,向內(nèi)部程序頁傳遞類別id和頁碼,程序?qū)?huì)返回那個(gè)類別下的相對頁的產(chǎn)品列表,如果程序查詢當(dāng)前類無產(chǎn)品即返回空。
滾動(dòng)條事件要寫在window.onscroll中才有效判斷。如下:
window.onscroll=function(){<br> // var scrolltop=document.documentElement.scrollTop||document.body.scrollTop;var tops = $(document).scrollTop(); //獲取滾動(dòng)條的位置var sctop = $(document).height()-$(window).height();var id = $("#ajax_claid").val();if(!id){id=8;}$("#ajax_p").val(tops);if(tops>=sctop)//成立說明滾動(dòng)條已在最底部{var b=$("#ajax_p").val();if(b>a){page=page+1;//傳遞頁碼}var Url = "aja_pro/"+id+"/"+page;//程序頁面,查詢信息返回?cái)?shù)據(jù),直接返回帶html的信息。$.get(Url,function(data){$("#aja_jia").append(data);});}};
php技術(shù):異步加載技術(shù)實(shí)現(xiàn)當(dāng)滾動(dòng)條到最底部的瀑布流效果,轉(zhuǎn)載需保留來源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時(shí)間聯(lián)系我們修改或刪除,多謝。