快捷導(dǎo)航

jquery 實(shí)現(xiàn)滾動(dòng)條下拉時(shí)無限加載的簡(jiǎn)單實(shí)例

更新時(shí)間：2016年06月01日 16:38:15 投稿：jingxian

下面小編就為大家?guī)硪黄猨query 實(shí)現(xiàn)滾動(dòng)條下拉時(shí)無限加載的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

思路：

通過捕捉瀏覽器滾動(dòng)條下拉事件，觸發(fā)異步加載數(shù)據(jù)的js方法，實(shí)現(xiàn)數(shù)據(jù)的動(dòng)態(tài)添加。

腳本：

var lastId=0;//記錄每一次加載時(shí)的最后一條記錄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 實(shí)現(xiàn)滾動(dòng)條下拉時(shí)無限加載的簡(jiǎn)單實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

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