《PHP實(shí)例:異步加載技術(shù)實(shí)現(xiàn)當(dāng)滾動(dòng)條到最底部的瀑布流效果》要點(diǎn):
本文介紹了PHP實(shí)例:異步加載技術(shù)實(shí)現(xiàn)當(dāng)滾動(dòng)條到最底部的瀑布流效果,希望對您有用。如果有疑問,可以聯(lián)系我們。
PHP應(yīng)用異步加載技術(shù)實(shí)現(xiàn)瀑布流效果.當(dāng)滾動(dòng)條到最底部的時(shí)候觸發(fā)一個(gè)變亂,這個(gè)變亂寫入$.get()變亂,向內(nèi)部程序頁傳遞類別id和頁碼,程序?qū)?huì)返回那個(gè)類別下的相對頁的產(chǎn)品列表,如果程序查詢當(dāng)前類無產(chǎn)品即返回空.
PHP應(yīng)用滾動(dòng)條變亂要寫在window.onscroll中才有效判斷.如下:
PHP應(yīng)用
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)//成立闡明滾動(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);
});
}
};
維易PHP培訓(xùn)學(xué)院每天發(fā)布《PHP實(shí)例:異步加載技術(shù)實(shí)現(xiàn)當(dāng)滾動(dòng)條到最底部的瀑布流效果》等實(shí)戰(zhàn)技能,PHP、MYSQL、LINUX、APP、JS,CSS全面培養(yǎng)人才。
轉(zhuǎn)載請注明本頁網(wǎng)址:
http://www.fzlkiss.com/jiaocheng/14713.html