這篇文章主要介紹了jQuery實(shí)現(xiàn)頁(yè)面滾動(dòng)時(shí)動(dòng)態(tài)加載內(nèi)容的方法,實(shí)例分析了jQuery實(shí)現(xiàn)動(dòng)態(tài)加載頁(yè)面的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了jQuery實(shí)現(xiàn)頁(yè)面滾動(dòng)時(shí)動(dòng)態(tài)加載內(nèi)容的方法。分享給大家供大家參考。具體分析如下：

很多網(wǎng)站，比如twitter，京東商城首頁(yè)，會(huì)在頁(yè)面滾動(dòng)到一定的位置時(shí)才動(dòng)態(tài)加載頁(yè)面內(nèi)容，這樣可以加快頁(yè)面打開(kāi)的速度，也可以節(jié)約帶寬，下面的JS代碼就可以幫你做到。

var loading = false;
$(window).scroll(function(){
 if((($(window).scrollTop()+$(window).height())+250)>=$(document).height()){
  if(loading == false){
   loading = true;
   $('#loadingbar').css("display","block");
   $.get("load.php?start="+$('#loaded_max').val(), function(loaded){
    $('body').append(loaded);
    $('#loaded_max').val(parseInt($('#loaded_max').val())+50);
    $('#loadingbar').css("display","none");
    loading = false;
   });
  }
 }
});
$(document).ready(function() {
 $('#loaded_max').val(50);
});

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

EasySlider 基于jQuery功能強(qiáng)大簡(jiǎn)單易用的滑動(dòng)門(mén)插件
Easy Slider 是一個(gè)滑動(dòng)門(mén)插件，支持任何圖片或內(nèi)容，當(dāng)點(diǎn)擊時(shí)實(shí)現(xiàn)橫向或縱向滑動(dòng)。它擁有一系列豐富的參數(shù)設(shè)置，可通過(guò)CSS來(lái)進(jìn)行完全的控制。
2010-06-06
jquery懸浮提示框完整實(shí)例
這篇文章主要介紹了jquery懸浮提示框?qū)崿F(xiàn)方法,涉及jQuery鼠標(biāo)事件響應(yīng)及頁(yè)面元素樣式的動(dòng)態(tài)操作技巧,需要的朋友可以參考下
2016-01-01
jquery獲取radio值實(shí)例
這篇文章主要介紹了jquery獲取radio值實(shí)例,較為詳細(xì)的總結(jié)了通過(guò)jQuery獲取radio值的各種常用方法,需要的朋友可以參考下
2014-10-10
jQuery實(shí)現(xiàn)帶延時(shí)功能的水平多級(jí)菜單效果【附demo源碼下載】
這篇文章主要介紹了jQuery實(shí)現(xiàn)帶延時(shí)功能的水平多級(jí)菜單效果,可實(shí)現(xiàn)響應(yīng)鼠標(biāo)事件延時(shí)展示菜單的功能,涉及jQuery結(jié)合時(shí)間函數(shù)動(dòng)態(tài)操作頁(yè)面元素屬性的相關(guān)技巧,需要的朋友可以參考下
2016-09-09
jQuery EasyUi 驗(yàn)證功能實(shí)例解析
本文給大家分享jquery easyui驗(yàn)證功能的實(shí)例代碼，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下
2017-01-01
jQuery將多條數(shù)據(jù)插入模態(tài)框的示例代碼
這篇文章主要介紹了使用jQuery將多條數(shù)據(jù)插入模態(tài)框的方法,很簡(jiǎn)單，很實(shí)用，需要的朋友可以參考下
2014-09-09
jQuery-ui中自動(dòng)完成實(shí)現(xiàn)方法
關(guān)于jQuery-ui-1.8中的自動(dòng)完成控件，其匹配方式是使用正則表達(dá)式進(jìn)行匹配的。
2010-06-06
jquery tab插件制作實(shí)現(xiàn)代碼
jquery插件豐富，很多都是很好用的，最近學(xué)習(xí)了一下如何制作jquery插件，發(fā)現(xiàn)jquery插件制作其實(shí)很簡(jiǎn)單，這里介紹一下。
2010-06-06
jQuery實(shí)現(xiàn)的placeholder效果完整實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的placeholder效果,可實(shí)現(xiàn)輸入框提示文字的功能,并且針對(duì)焦點(diǎn)的情況判定是否顯示,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下
2016-08-08
jQuery中:radio選擇器用法實(shí)例
這篇文章主要介紹了jQuery中:radio選擇器用法,實(shí)例分析了:radio選擇器的功能、定義及匹配單選按鈕的使用技巧,需要的朋友可以參考下
2015-01-01