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)文章
學校作業(yè)的問題，就在網(wǎng)搜了一下，找不到文本框模擬的（可能本人RP問題），看到的都是用div的，結(jié)果就自己弄了一個，主要就是改變背景圖片的位置，讓div的位置放到文本框上面，沒什么其它的東西，呵呵，見笑了2010-02-02
jQuery實現(xiàn)表格元素動態(tài)創(chuàng)建功能
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)表格元素動態(tài)創(chuàng)建功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
最近在做一個項目，需要一個在線視頻播放的功能，在度娘上找了許多都不是太理想，就動手寫了一個，分享給大家2014-10-10
JQuery為textarea添加maxlength屬性并且兼容IE
textarea默認不支持maxlength屬性，JQuery為textarea添加maxlength,并且兼容IE，具體實現(xiàn)祥看本文，希望可以幫助到你2013-04-04
這篇文章主要介紹了jQuery中fadein與fadeout方法用法,結(jié)合實例形式分析了jQuery使用fadein與fadeout方法實現(xiàn)頁面元素淡入淡出效果的相關(guān)技巧,需要的朋友可以參考下2016-09-09
這篇文章主要介紹了jQuery插件制作之全局函數(shù)用法,實例分析了jQuery中全局函數(shù)的相關(guān)使用技巧,需要的朋友可以參考下2015-06-06
jquery解析json格式數(shù)據(jù)的方法(對象、字符串)
這篇文章主要介紹了jquery解析json格式數(shù)據(jù)的方法,包括針對json對象及json字符串的解析技巧,并附帶了完整的jQuery解析json數(shù)據(jù)示例,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11
這篇文章主要介紹了jQuery模擬黑客帝國矩陣效果的方法,實例分析了jQuery操作頁面元素實現(xiàn)動畫效果的技巧,需要的朋友可以參考下2015-06-06
jquery3和layui沖突導(dǎo)致使用layui.layer.full彈出全屏iframe窗口時高度152px問題
這篇文章主要介紹了解決jquery3和layui沖突導(dǎo)致使用layui.layer.full彈出全屏iframe窗口時高度152px問題,需要的朋友可以參考下2019-05-05
jQuery html()方法使用不了無法顯示內(nèi)容的問題
jquery中的html方法使用不了，只能用完最基本的innerHTML把內(nèi)容展示出來2014-08-08