基于JQuery實現(xiàn)滾動到頁面底端時自動加載更多信息
更新時間：2014年01月31日 11:37:16 作者：
這篇文章主要介紹了基于JQuery實現(xiàn)滾動到頁面底端時自動加載更多信息，類似微博，新浪新聞的評論等，都采用了這方法,需要的朋友可以參考下
關(guān)鍵代碼：
復(fù)制代碼 代碼如下:
var stop=true;
$(window).scroll(function(){
totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop());
if($(document).height() <= totalheight){
if(stop==true){
stop=false;
$.post("ajax.php", {start:1, n:50},function(txt){
$("#Loading").before(txt);
stop=true;
},"text");
}
}
});
HTML：
復(fù)制代碼 代碼如下:
<div id="Loading">Loading...</div>
實現(xiàn)方法是比較頁面總高度和下滾高度以判斷是否到達底端，若到達底端則通過ajax讀取更多的內(nèi)容，用before插入到Loading之前。
stop參數(shù)是考慮到ajax讀取耗時，防止在一次ajax讀取過程中多次觸發(fā)事件，造成多次加載內(nèi)容。
相關(guān)文章
這篇文章主要為大家詳細介紹了jQuery webuploader分片上傳大文件的相關(guān)資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
Jquery動態(tài)進行圖片縮略的原理及實現(xiàn)
圖片縮略在某些情況下還是比較實用的，比如在做一些商品的預(yù)覽圖縮略等等，下面為大家介紹下具體的實現(xiàn)思路及代碼，有需求的朋友可以參考下2013-08-08
jquery二級導(dǎo)航內(nèi)容均分的原理及實現(xiàn)
頭部導(dǎo)航二級導(dǎo)航有些內(nèi)容太長，一列的話太過難看，就要分成兩列，要做到按塊盡量均分，排列順序沒有限制2013-08-08
下面小編就為大家?guī)硪黄猨q源碼解析之綁在$,jQuery上面的方法(實例講解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
利用jQuery treetable實現(xiàn)樹形表格拖拽詳解
這篇文章主要為大家介紹了如何利用jQuery treetable實現(xiàn)樹形表格拖拽功能，文中的示例代碼講解詳細，感興趣的小伙伴可以動手嘗試一下2022-06-06
這篇文章主要介紹了jQuery鼠標移動圖片上實現(xiàn)放大效果 ,需要的朋友可以參考下2017-06-06
當(dāng)鼠標停留在表頭邊框線上，接著拖動鼠標，會在表格中出現(xiàn)一條隨鼠標移動的豎線，最后放開鼠標，表格列寬會被調(diào)整2014-09-09
jQuery中clone()函數(shù)實現(xiàn)表單中增加和減少輸入項
這篇文章給大家介紹了jQuery中clone()函數(shù)實現(xiàn)表單中增加和減少輸入項的實例代碼，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-05-05
通過jQuery打造支持漢字,拼音,英文快速定位查詢的超級select插件
jQuery 超級select 插件 v3.0.0.0插件 支持漢字、拼音、英文快速定位查詢的超級select插件。可方向鍵、tab 鍵快速選擇。2010-06-06
使用jQuery動態(tài)設(shè)置單選框的選中效果
這篇文章主要介紹了使用jQuery動態(tài)設(shè)置單選框的選中效果,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2018-12-12