關鍵代碼（依賴jQuery）
$(function(){ var winH = $(window).height(); //頁面可視區(qū)域高度 var i = 1; //設置當前頁數(shù) $(window).scroll(function () { var pageH = $(document.body).height(); var scrollT = $(window).scrollTop(); //滾動條top var aa = (pageH-winH-scrollT)/winH; if(aa<0.02){ $.getJSON("result.php",{page:i},function(json){ if(json){ var str = ""; $.each(json,function(index,array){ var str = "<div class=\"single_item\"><div class=\"element_head\">"; var str += "<div class=\"date\">"+array['date']+"</div>"; var str += "<div class=\"author\">"+array['author']+"</div>"; var str += "</div><div class=\"content\">"+array['content']+"</div></div>"; $("#container").append(str); }); i++; }else{ $(".nodata").show().html("別滾動了飒房，已經(jīng)到底了。犀农。图贸。"); return false; } }); } }); });
注意：直接使用這段代碼會造成不管是上滾下滾都會加載ajax數(shù)據(jù)系任，這是可以將0.02改為更小即可（我改成了0.0001）。另外如果你反復上下滾動依然會不斷加載數(shù)據(jù)，這是可以通過定義一個變量標志數(shù)據(jù)加載完畢说墨，此后就不在發(fā)出ajax請求。
滾屏加載實現(xiàn)
最后編輯于 ：
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門治唤，熙熙樓的掌柜王于貴愁眉苦臉地迎上來棒动，“玉大人，你說我怎么就攤上這事宾添〈遥” “怎么了？”我有些...
- 文/不壞的土叔 我叫張陵缕陕，是天一觀的道長粱锐。 經(jīng)常有香客問我，道長扛邑，這世上最難降的妖魔是什么怜浅？ 我笑而不...
- 文/花漫 我一把揭開白布自点。 她就那樣靜靜地躺著，像睡著了一般脉让。 火紅的嫁衣襯著肌膚如雪桂敛。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼潦牛，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了挡育？” 一聲冷哼從身側響起巴碗，我...
- 正文 年R本政府宣布凶朗，位于F島的核電站瓷胧，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏棚愤。R本人自食惡果不足惜搓萧，卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧瘸洛，春花似錦揍移、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽斯够。三九已至囚玫，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間读规，已是汗流浹背抓督。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 1.語言基礎2.嚴格模式3.js組成（ECMAScript DOM BOM）4.各種(DOM BOM)例子5.組件...
- 踏上辭職的路程"困難重重"啊丁恭，朋友說，不會后悔嗎斋日？ 我堅定地點點頭牲览，不怕，既然選擇了遠方恶守，就不怕風雨竭恬，只管前...
