欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間：2014年09月16日 16:22:41   投稿：whsnow  
當(dāng)滾動(dòng)條到最底部的時(shí)候觸發(fā)一個(gè)事件，這個(gè)事件寫入$.get()事件，實(shí)現(xiàn)瀑布流效果，下面試具體的實(shí)現(xiàn)

異步加載技術(shù)實(shí)現(xiàn)瀑布流效果。當(dāng)滾動(dòng)條到最底部的時(shí)候觸發(fā)一個(gè)事件，這個(gè)事件寫入$.get()事件，向內(nèi)部程序頁(yè)傳遞類別id和頁(yè)碼，程序?qū)?huì)返回那個(gè)類別下的相對(duì)頁(yè)的產(chǎn)品列表，如果程序查詢當(dāng)前類無(wú)產(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)//成立說(shuō)明滾動(dòng)條已在最底部
{
var b=$("#ajax_p").val();
if(b>a){
page=page+1;//傳遞頁(yè)碼
}
var Url = "aja_pro/"+id+"/"+page;//程序頁(yè)面，查詢信息返回?cái)?shù)據(jù)，直接返回帶html的信息。

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

}
};

相關(guān)文章

最新評(píng)論