異步加載技術實現(xiàn)當滾動條到最底部的瀑布流效果
更新時間:2014年09月16日 16:22:41 投稿:whsnow
當滾動條到最底部的時候觸發(fā)一個事件,這個事件寫入$.get()事件,實現(xiàn)瀑布流效果,下面試具體的實現(xiàn)
異步加載技術實現(xiàn)瀑布流效果。當滾動條到最底部的時候觸發(fā)一個事件,這個事件寫入$.get()事件,向內(nèi)部程序頁傳遞類別id和頁碼,程序將會返回那個類別下的相對頁的產(chǎn)品列表,如果程序查詢當前類無產(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;//程序頁面,查詢信息返回數(shù)據(jù),直接返回帶html的信息。 $.get(Url,function(data){ $("#aja_jia").append(data); }); } };
您可能感興趣的文章:
- jQuery Masonry瀑布流插件使用詳解
- Blocksit插件實現(xiàn)瀑布流數(shù)據(jù)無限( 異步)加載
- 一則C#簡潔瀑布流代碼
- 一個簡單的瀑布流效果(主體形式自寫)
- 純js實現(xiàn)瀑布流展現(xiàn)照片(自動適應窗口大小)
- jquery簡單瀑布流實現(xiàn)原理及ie8下測試代碼
- Jquery瀑布流插件使用介紹
- ThinkPHP自動完成中使用函數(shù)與回調方法實例
- thinkphp四種url訪問方式詳解
- thinkphp數(shù)據(jù)查詢和遍歷數(shù)組實例
- thinkphp的URL路由規(guī)則與配置實例
- thinkPHP實現(xiàn)瀑布流的方法
相關文章
PHP 7.1中利用OpenSSL代替Mcrypt加解密的方法詳解
最近在開發(fā)微信公眾號功能的時候發(fā)現(xiàn)在PHP 7.1中Mcrypt已經(jīng)被棄用了,無奈只能找對應的解決方法來替代,所以這篇文章主要給大家介紹了關于在PHP 7.1中利用OpenSSL代替Mcrypt加解密的相關資料,需要的朋友可以參考下。2017-11-11php實現(xiàn)利用phpexcel導出數(shù)據(jù)
以下是對php中利用phpexcel導出數(shù)據(jù)的實現(xiàn)代碼進行了介紹,需要的朋友可以過來參考下2013-08-08在WordPress的后臺中添加頂級菜單和子菜單的函數(shù)詳解
這篇文章主要介紹了在WordPress的后臺中添加頂級菜單和子菜單的函數(shù)詳解,需要的朋友可以參考下2016-01-01詳解PHP的Laravel框架中Eloquent對象關系映射使用
這篇文章主要介紹了PHP的Laravel框架中Eloquent對象關系映射使用,重點講述了Eloquent的數(shù)據(jù)模型間關系,需要的朋友可以參考下2016-02-02