異步加載技術(shù)實(shí)現(xiàn)當(dāng)滾動(dòng)條到最底部的瀑布流效果
異步加載技術(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); }); } };
- jQuery Masonry瀑布流插件使用詳解
- Blocksit插件實(shí)現(xiàn)瀑布流數(shù)據(jù)無(wú)限( 異步)加載
- 一則C#簡(jiǎn)潔瀑布流代碼
- 一個(gè)簡(jiǎn)單的瀑布流效果(主體形式自寫(xiě))
- 純js實(shí)現(xiàn)瀑布流展現(xiàn)照片(自動(dòng)適應(yīng)窗口大小)
- jquery簡(jiǎn)單瀑布流實(shí)現(xiàn)原理及ie8下測(cè)試代碼
- Jquery瀑布流插件使用介紹
- ThinkPHP自動(dòng)完成中使用函數(shù)與回調(diào)方法實(shí)例
- thinkphp四種url訪問(wèn)方式詳解
- thinkphp數(shù)據(jù)查詢和遍歷數(shù)組實(shí)例
- thinkphp的URL路由規(guī)則與配置實(shí)例
- thinkPHP實(shí)現(xiàn)瀑布流的方法
相關(guān)文章
PHP 7.1中利用OpenSSL代替Mcrypt加解密的方法詳解
最近在開(kāi)發(fā)微信公眾號(hào)功能的時(shí)候發(fā)現(xiàn)在PHP 7.1中Mcrypt已經(jīng)被棄用了,無(wú)奈只能找對(duì)應(yīng)的解決方法來(lái)替代,所以這篇文章主要給大家介紹了關(guān)于在PHP 7.1中利用OpenSSL代替Mcrypt加解密的相關(guān)資料,需要的朋友可以參考下。2017-11-11php下把數(shù)組保存為文件格式的實(shí)例應(yīng)用
我們通常把一些常用的數(shù)據(jù)保存為數(shù)組格式方便調(diào)用,同時(shí)這也是緩存的重要方法。2010-02-02php優(yōu)化及高效提速問(wèn)題的實(shí)現(xiàn)方法
下面是phper在實(shí)際編寫(xiě)中,發(fā)現(xiàn)的一些問(wèn)題,其它我們的好多代碼,需要優(yōu)化,很多程序都是可以再提速的2008-10-10Swoole實(shí)現(xiàn)異步投遞task任務(wù)案例詳解
這篇文章主要介紹了Swoole實(shí)現(xiàn)異步投遞task任務(wù)案例,結(jié)合實(shí)例形式詳細(xì)分析了Swoole異步投遞task任務(wù)的原理、實(shí)現(xiàn)方法及操作注意事項(xiàng),需要的朋友可以參考下2019-04-04php實(shí)現(xiàn)利用phpexcel導(dǎo)出數(shù)據(jù)
以下是對(duì)php中利用phpexcel導(dǎo)出數(shù)據(jù)的實(shí)現(xiàn)代碼進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下2013-08-08在WordPress的后臺(tái)中添加頂級(jí)菜單和子菜單的函數(shù)詳解
這篇文章主要介紹了在WordPress的后臺(tái)中添加頂級(jí)菜單和子菜單的函數(shù)詳解,需要的朋友可以參考下2016-01-01詳解PHP的Laravel框架中Eloquent對(duì)象關(guān)系映射使用
這篇文章主要介紹了PHP的Laravel框架中Eloquent對(duì)象關(guān)系映射使用,重點(diǎn)講述了Eloquent的數(shù)據(jù)模型間關(guān)系,需要的朋友可以參考下2016-02-02