基于JQuery實現滾動到頁面底端時自動加載更多信息
更新時間：2014年01月31日 11:37:16 作者：
這篇文章主要介紹了基于JQuery實現滾動到頁面底端時自動加載更多信息，類似微博，新浪新聞的評論等，都采用了這方法,需要的朋友可以參考下
關鍵代碼：
復制代碼 代碼如下:
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：
復制代碼 代碼如下:
<div id="Loading">Loading...</div>
實現方法是比較頁面總高度和下滾高度以判斷是否到達底端，若到達底端則通過ajax讀取更多的內容，用before插入到Loading之前。
stop參數是考慮到ajax讀取耗時，防止在一次ajax讀取過程中多次觸發(fā)事件，造成多次加載內容。
相關文章
今天在修整博客側欄信息時，利用到了Tab選項卡方式，因為ZBlog封裝的是JQuery庫，所以很自然地就想到了IdTabs。2010-09-09
這篇文章主要介紹了JQuery的加載和選擇器用法,結合簡單實例形式分析了jQuery的功能、加載、選擇器的相關使用技巧,需要的朋友可以參考下2019-05-05
利用jQuery及AJAX技術定時更新GridView的某一列數據
這篇文章主要介紹了利用jQuery及AJAX技術定時更新GridView的某一列數據的方法,這里的GridView是指C#軟件開發(fā)中的GridView控件,需要的朋友可以參考下2015-12-12
這篇文章主要為大家詳細介紹了JQuery實現簡單瀑布流布局，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了jQuery Validate初步體驗(二) 的相關資料,需要的朋友可以參考下2015-12-12
實例解析jQuery插件EasyUI最常用的表單驗證規(guī)則
這篇文章主要以實例解析了jQuery插件EasyUI最常用的驗證規(guī)則，對EasyUI校驗感興趣的小伙伴們可以參考一下2015-11-11
下面小編就為大家?guī)硪黄猨query html動態(tài)添加的元素綁定事件詳解。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
jquery中的常用事件bind、hover、toggle等示例介紹
這篇文章主要介紹了jquery中常用的事件，比如$(document).ready()、bind、hover、toggle、click等等，并有示例，易于學習2014-07-07
我們在一些應用中需要動態(tài)展示數據，比如當前在線人數，當前交易總額，當前匯率等等，前端頁面需要實時刷新獲取最新數據。本文將結合實例給大家介紹使用jQuery和PHP來實現動態(tài)數字展示效果。2015-03-03
對于javascript事件擴展，所有的lib都差不多。和jquery和prototype,yui和Ext，其要解決的首要問題是兼容性，所有 lib都會對event進行包裹，統(tǒng)一其屬性解決其兼容性。2010-06-06