jquery 实现滚动条下拉时无限加载jquery

/ / 2017-08-25   阅读:2505
思路: 通过捕捉浏览器滚动条下拉事件,触发异步加载数据的js方法,实现数据的动态添加。 脚本:    var lastId=0;//记录每一次加载时的最后一条记录id,跟您的排序方式有...

思路:

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

    }

我要评论

昵称:
验证码:

最新评论

共0条 共0页 10条/页 首页 上一页 下一页 尾页
意见反馈