jquery 实现滚动条下拉时无限加载 [前端开发]

思路:

通过捕捉浏览器滚动条下拉事件,触发异步加载数据的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;
       }

    }