您的位置:首页 > Web前端 > JQuery

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

2016-04-16 15:15 651 查看
思路:

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

       }

    }
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: