jquery 實現(xiàn)滾動條下拉時無限加載的簡單實例
更新時間：2016年06月01日 16:38:15 投稿：jingxian
下面小編就為大家?guī)硪黄猨query 實現(xiàn)滾動條下拉時無限加載的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
思路：
通過捕捉瀏覽器滾動條下拉事件，觸發(fā)異步加載數(shù)據(jù)的js方法，實現(xiàn)數(shù)據(jù)的動態(tài)添加。
腳本：
var lastId=0;//記錄每一次加載時的最后一條記錄id，跟您的排序方式有關(guān)。
var isloading = false;
$(window).bind("scroll", function () {
if ($(document).scrollTop() + $(window).height()
> $(document).height() - 10 && !isloading) {
isloading = true;
getMore();
}
});
function getMore() {
var url = "ajaxdata.aspx"?lastId=" + lastId +"&type=" + 其他參數(shù)
$.getJSON(url, function (data) {
var html="";
... ...
$(html).insertAfter($(".elem").last());
isloading = false;
}
}
以上這篇jquery 實現(xiàn)滾動條下拉時無限加載的簡單實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
淺談jquery中的each方法$.each、this.each、$.fn.each
下面小編就為大家?guī)硪黄獪\談jquery中的each方法$.each、this.each、$.fn.each。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
這篇文章主要介紹了JQuery datepicker 用法詳解的相關(guān)資料,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了jQuery點擊按鈕彈出遮罩層且內(nèi)容居中特效，需要的朋友可以參考下2015-12-12
這個代碼，針對學(xué)習(xí)jquery插件制作的朋友可以參考下。效果并不是主要的。2010-05-05
這篇文章主要介紹了用隊列模擬jquery的動畫算法,實例分析了用隊列模擬jquery的動畫算法的原理與實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-01-01
jquery插件開發(fā)之實現(xiàn)google+圈子選擇功能
最近項目中用到的一個效果，類似于Google+的添加圈子功能。本文插件約8成封裝，好多功能是依據(jù)項目中實際需求寫的。若要使用，可根據(jù)自身情況擴(kuò)展修改2014-03-03
Jquey拖拽控件Draggable使用方法(asp.net環(huán)境)
使用時首先依次引用Jquery，Jquery-Ui ，Draggable三個Js。然后在js中編寫相應(yīng)的代碼，相關(guān)代碼說明請看程序中的注釋。2010-09-09
利用jquery和css打造個性化的單選框和復(fù)選框,喜歡的朋友可以參考下。2010-10-10
jquery cookie實現(xiàn)的簡單換膚功能適合小網(wǎng)站
使用jquery cookie做了一個簡單的換膚功能適合小網(wǎng)站并且代碼低級，具體實現(xiàn)過程如下，感興趣的朋友可以了解下2013-08-08
本篇文章給大家分先一下jQuery實現(xiàn)右側(cè)抽屜式在線客服功能的實例代碼，有需要的讀者們參考下吧。2017-12-12