基于JQuery實(shí)現(xiàn)滾動(dòng)到頁面底端時(shí)自動(dòng)加載更多信息
關(guān)鍵代碼:
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>
實(shí)現(xiàn)方法是比較頁面總高度和下滾高度以判斷是否到達(dá)底端,若到達(dá)底端則通過ajax讀取更多的內(nèi)容,用before插入到Loading之前。
stop參數(shù)是考慮到ajax讀取耗時(shí),防止在一次ajax讀取過程中多次觸發(fā)事件,造成多次加載內(nèi)容。
相關(guān)文章
基于JQuery的6個(gè)Tab選項(xiàng)卡插件
今天在修整博客側(cè)欄信息時(shí),利用到了Tab選項(xiàng)卡方式,因?yàn)閆Blog封裝的是JQuery庫,所以很自然地就想到了IdTabs。2010-09-09利用jQuery及AJAX技術(shù)定時(shí)更新GridView的某一列數(shù)據(jù)
這篇文章主要介紹了利用jQuery及AJAX技術(shù)定時(shí)更新GridView的某一列數(shù)據(jù)的方法,這里的GridView是指C#軟件開發(fā)中的GridView控件,需要的朋友可以參考下2015-12-12實(shí)例解析jQuery插件EasyUI最常用的表單驗(yàn)證規(guī)則
這篇文章主要以實(shí)例解析了jQuery插件EasyUI最常用的驗(yàn)證規(guī)則,對EasyUI校驗(yàn)感興趣的小伙伴們可以參考一下2015-11-11jquery html動(dòng)態(tài)添加的元素綁定事件詳解
下面小編就為大家?guī)硪黄猨query html動(dòng)態(tài)添加的元素綁定事件詳解。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05jquery中的常用事件bind、hover、toggle等示例介紹
這篇文章主要介紹了jquery中常用的事件,比如$(document).ready()、bind、hover、toggle、click等等,并有示例,易于學(xué)習(xí)2014-07-07jQuery+PHP實(shí)現(xiàn)動(dòng)態(tài)數(shù)字展示特效
我們在一些應(yīng)用中需要?jiǎng)討B(tài)展示數(shù)據(jù),比如當(dāng)前在線人數(shù),當(dāng)前交易總額,當(dāng)前匯率等等,前端頁面需要實(shí)時(shí)刷新獲取最新數(shù)據(jù)。本文將結(jié)合實(shí)例給大家介紹使用jQuery和PHP來實(shí)現(xiàn)動(dòng)態(tài)數(shù)字展示效果。2015-03-03