快捷導(dǎo)航

jQuery實現(xiàn)頁面滾動時動態(tài)加載內(nèi)容的方法

更新時間：2015年03月20日 10:45:07 作者：令狐不聰

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

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

很多網(wǎng)站，比如twitter，京東商城首頁，會在頁面滾動到一定的位置時才動態(tài)加載頁面內(nè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);
});

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

您可能感興趣的文章:

相關(guān)文章

jQuery導(dǎo)航條固定定位效果實例代碼
本篇文章主要介紹了jQuery導(dǎo)航條固定定位效果實例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
jQuery仿京東商城樓梯式導(dǎo)航定位菜單
這篇文章主要介紹了jQuery仿京東商城樓梯式導(dǎo)航定位菜單的相關(guān)資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-07-07
jQuery基本選擇器選擇元素使用介紹
基本選擇器：是jQuery中使用最頻繁的選擇器，它由元素Id、Class、元素名、多個選擇符組成，通過基本選擇器可以實現(xiàn)大多數(shù)頁面元素的查找，感興趣的朋友可以參考下哈
2013-04-04
jquery獲取當前元素索引值用法實例
這篇文章主要介紹了jquery獲取當前元素索引值用法,實例分析了jQuery獲取當前元素索引在創(chuàng)建圖片輪播效果中的使用技巧,需要的朋友可以參考下
2015-06-06
Jquery獲取和修改img的src值的方法
這篇文章主要介紹了Jquery獲取和修改img的src值,需要的朋友可以參考下
2014-02-02
基于jquery實現(xiàn)的移入頁面上空文本框時，讓它變?yōu)榻裹c，移出清除焦點
基于jquery實現(xiàn)的移入頁面上空文本框時，讓它變?yōu)榻裹c，移出清除焦點的實現(xiàn)代碼。
2011-07-07
jQuery獲得包含margin的outerWidth和outerHeight的方法
這篇文章主要介紹了jQuery獲得包含margin的outerWidth和outerHeight的方法,涉及jQuery中outerWidth及outerHeight方法的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-03-03
JQuery工具函數(shù)匯總
jquery為我們提供了操作數(shù)組和對象的工具函數(shù)，方便和簡化了我們對它們的操作。今天我們就進入jQuery的工具函數(shù)的復(fù)習(xí)。
2015-06-06
jQuery簡單實現(xiàn)列表隱藏和顯示效果示例
這篇文章主要介紹了jQuery簡單實現(xiàn)列表隱藏和顯示效果,結(jié)合實例形式分析了jQuery中slideToggle動態(tài)操作頁面元素切換的相關(guān)技巧,需要的朋友可以參考下
2016-09-09
jquery實現(xiàn)去除重復(fù)字符串的方法小結(jié)
這篇文章主要介紹了jquery實現(xiàn)去除重復(fù)字符串的方法,結(jié)合實例形式總結(jié)了三種常用的字符串去重操作技巧,需要的朋友可以參考下
2016-04-04