欧美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è)事件寫(xiě)入$.get()事件,實(shí)現(xiàn)瀑布流效果,下面試具體的實(shí)現(xiàn)

異步加載技術(shù)實(shí)現(xiàn)瀑布流效果。當(dāng)滾動(dòng)條到最底部的時(shí)候觸發(fā)一個(gè)事件,這個(gè)事件寫(xiě)入$.get()事件,向內(nèi)部程序頁(yè)傳遞類別id和頁(yè)碼,程序?qū)?huì)返回那個(gè)類別下的相對(duì)頁(yè)的產(chǎn)品列表,如果程序查詢當(dāng)前類無(wú)產(chǎn)品即返回空。

滾動(dòng)條事件要寫(xiě)在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)論