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>

實(shí)現(xiàn)方法是比較頁(yè)面總高度和下滾高度以判斷是否到達(dá)底端，若到達(dá)底端則通過(guò)ajax讀取更多的內(nèi)容，用before插入到Loading之前。
stop參數(shù)是考慮到ajax讀取耗時(shí)，防止在一次ajax讀取過(guò)程中多次觸發(fā)事件，造成多次加載內(nèi)容。

您可能感興趣的文章:

相關(guān)文章

基于JQuery的6個(gè)Tab選項(xiàng)卡插件
今天在修整博客側(cè)欄信息時(shí)，利用到了Tab選項(xiàng)卡方式，因?yàn)閆Blog封裝的是JQuery庫(kù)，所以很自然地就想到了IdTabs。
2010-09-09
JQuery的加載和選擇器用法簡(jiǎn)單示例
這篇文章主要介紹了JQuery的加載和選擇器用法,結(jié)合簡(jiǎn)單實(shí)例形式分析了jQuery的功能、加載、選擇器的相關(guān)使用技巧,需要的朋友可以參考下
2019-05-05
利用jQuery及AJAX技術(shù)定時(shí)更新GridView的某一列數(shù)據(jù)
這篇文章主要介紹了利用jQuery及AJAX技術(shù)定時(shí)更新GridView的某一列數(shù)據(jù)的方法,這里的GridView是指C#軟件開發(fā)中的GridView控件,需要的朋友可以參考下
2015-12-12
JQuery實(shí)現(xiàn)簡(jiǎn)單瀑布流布局
這篇文章主要為大家詳細(xì)介紹了JQuery實(shí)現(xiàn)簡(jiǎn)單瀑布流布局，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-07-07
jQuery Validate初步體驗(yàn)(二)
這篇文章主要介紹了jQuery Validate初步體驗(yàn)(二) 的相關(guān)資料,需要的朋友可以參考下
2015-12-12
實(shí)例解析jQuery插件EasyUI最常用的表單驗(yàn)證規(guī)則
這篇文章主要以實(shí)例解析了jQuery插件EasyUI最常用的驗(yàn)證規(guī)則，對(duì)EasyUI校驗(yàn)感興趣的小伙伴們可以參考一下
2015-11-11
jquery html動(dòng)態(tài)添加的元素綁定事件詳解
下面小編就為大家?guī)?lái)一篇jquery html動(dòng)態(tài)添加的元素綁定事件詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-05-05
jquery中的常用事件bind、hover、toggle等示例介紹
這篇文章主要介紹了jquery中常用的事件，比如$(document).ready()、bind、hover、toggle、click等等，并有示例，易于學(xué)習(xí)
2014-07-07
jQuery+PHP實(shí)現(xiàn)動(dòng)態(tài)數(shù)字展示特效
我們?cè)谝恍?yīng)用中需要?jiǎng)討B(tài)展示數(shù)據(jù)，比如當(dāng)前在線人數(shù)，當(dāng)前交易總額，當(dāng)前匯率等等，前端頁(yè)面需要實(shí)時(shí)刷新獲取最新數(shù)據(jù)。本文將結(jié)合實(shí)例給大家介紹使用jQuery和PHP來(lái)實(shí)現(xiàn)動(dòng)態(tài)數(shù)字展示效果。
2015-03-03
jQuery源碼分析之Event事件分析
對(duì)于javascript事件擴(kuò)展，所有的lib都差不多。和jquery和prototype,yui和Ext，其要解決的首要問(wèn)題是兼容性，所有 lib都會(huì)對(duì)event進(jìn)行包裹，統(tǒng)一其屬性解決其兼容性。
2010-06-06