這篇文章將為大家詳細(xì)講解有關(guān)利用異步加載技術(shù)怎么實(shí)現(xiàn)一個(gè)的瀑布流效果，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

創(chuàng)新互聯(lián)于2013年成立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢想脫穎而出為使命，1280元上高做網(wǎng)站,已為上家服務(wù),為上高各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:028-86922220

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

滾動(dòng)條事件要寫在window.onscroll中才有效判斷。如下：

window.onscroll=function(){
　　　　
// 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);
});

}
};

關(guān)于利用異步加載技術(shù)怎么實(shí)現(xiàn)一個(gè)的瀑布流效果就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

本文標(biāo)題：利用異步加載技術(shù)怎么實(shí)現(xiàn)一個(gè)的瀑布流效果-創(chuàng)新互聯(lián)
鏈接地址：http://weahome.cn/article/cdsdhi.html