異步加載技術(shù)實(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;//程序頁面，查詢信息返回?cái)?shù)據(jù)，直接返回帶html的信息。

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

}
};

您可能感興趣的文章:

相關(guān)文章

PHP文件操作實(shí)例總結(jié)
這篇文章主要介紹了PHP文件操作,結(jié)合實(shí)例形式總結(jié)分析了php關(guān)于文件讀寫操作的常見函數(shù)及使用技巧,需要的朋友可以參考下
2016-09-09
PHP 7.1中利用OpenSSL代替Mcrypt加解密的方法詳解
最近在開發(fā)微信公眾號功能的時候發(fā)現(xiàn)在PHP 7.1中Mcrypt已經(jīng)被棄用了，無奈只能找對應(yīng)的解決方法來替代，所以這篇文章主要給大家介紹了關(guān)于在PHP 7.1中利用OpenSSL代替Mcrypt加解密的相關(guān)資料，需要的朋友可以參考下。
2017-11-11
php與阿里云短信接口接入操作案例分析
這篇文章主要介紹了php與阿里云短信接口接入操作,結(jié)合具體實(shí)例形式分析了php與阿里云短信接口接入的具體操作步驟、原理、實(shí)現(xiàn)方法與注意事項(xiàng),需要的朋友可以參考下
2020-05-05
php下把數(shù)組保存為文件格式的實(shí)例應(yīng)用
我們通常把一些常用的數(shù)據(jù)保存為數(shù)組格式方便調(diào)用，同時這也是緩存的重要方法。
2010-02-02
Discuz開啟Gzip壓縮多種方法匯總
GZip可對多種類型的文件進(jìn)行壓縮，對于CSS、JS、HTML文件具有極高的壓縮率，尤其對使用了較多JS特效的網(wǎng)站，開啟GZip后壓縮比高達(dá)70%。
2023-05-05
php優(yōu)化及高效提速問題的實(shí)現(xiàn)方法
下面是phper在實(shí)際編寫中，發(fā)現(xiàn)的一些問題，其它我們的好多代碼，需要優(yōu)化，很多程序都是可以再提速的
2008-10-10
Swoole實(shí)現(xiàn)異步投遞task任務(wù)案例詳解
這篇文章主要介紹了Swoole實(shí)現(xiàn)異步投遞task任務(wù)案例,結(jié)合實(shí)例形式詳細(xì)分析了Swoole異步投遞task任務(wù)的原理、實(shí)現(xiàn)方法及操作注意事項(xiàng),需要的朋友可以參考下
2019-04-04
php實(shí)現(xiàn)利用phpexcel導(dǎo)出數(shù)據(jù)
以下是對php中利用phpexcel導(dǎo)出數(shù)據(jù)的實(shí)現(xiàn)代碼進(jìn)行了介紹，需要的朋友可以過來參考下
2013-08-08
在WordPress的后臺中添加頂級菜單和子菜單的函數(shù)詳解
這篇文章主要介紹了在WordPress的后臺中添加頂級菜單和子菜單的函數(shù)詳解,需要的朋友可以參考下
2016-01-01
詳解PHP的Laravel框架中Eloquent對象關(guān)系映射使用
這篇文章主要介紹了PHP的Laravel框架中Eloquent對象關(guān)系映射使用,重點(diǎn)講述了Eloquent的數(shù)據(jù)模型間關(guān)系,需要的朋友可以參考下
2016-02-02