思路:
通過捕捉瀏覽器滾動條下拉事件,觸發異步加載數據的js方法,實現數據的動態添加。
腳本:
var lastId=0;//記錄每一次加載時的最后一條記錄id,跟您的排序方式有關。 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=" + 其他參數 $.getJSON(url, function (data) { var html=""; ... ... $(html).insertAfter($(".elem").last()); isloading = false; } }以上這篇jquery 實現滾動條下拉時無限加載的簡單實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。
新聞熱點
疑難解答