異步加載技術(shù)實現(xiàn)當(dāng)滾動條到最底部的瀑布流效果

2024-05-04 23:25:46

字體：大中小

供稿：網(wǎng)友

當(dāng)滾動條到最底部的時候觸發(fā)一個事件，這個事件寫入$.get()事件，實現(xiàn)瀑布流效果，下面試具體的實現(xiàn)
異步加載技術(shù)實現(xiàn)瀑布流效果。當(dāng)滾動條到最底部的時候觸發(fā)一個事件，這個事件寫入$.get()事件，向內(nèi)部程序頁傳遞類別id和頁碼，程序?qū)祷啬莻€類別下的相對頁的產(chǎn)品列表，如果程序查詢當(dāng)前類無產(chǎn)品即返回空。
滾動條事件要寫在window.onscroll中才有效判斷。如下：

window.onscroll=function(){<br>　　　　
// 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;//程序頁面，查詢信息返回數(shù)據(jù)，直接返回帶html的信息。

$.get(Url,function(data){
$("#aja_jia").append(data);
});

}
};

上一篇：php數(shù)組中刪除元素之重新索引的方法

下一篇：PHP正則表達(dá)式替換站點關(guān)鍵字鏈接后空白的解決方法