js实现监测页面滑动并使用ajax自动加载下一页

<div id="img_data_list"></div> 

start_num = 0; //全局变量用于存放页数 
$(window).scroll(function() { 
    var scrollTop = $(this).scrollTop(); //滚动条距离顶部的高度 
    var scrollHeight = $(document).height(); //当前页面的总高度 
    var clientHeight = $(this).height(); //当前可视的页面高度 
    if (scrollTop + clientHeight >= scrollHeight) { //距离顶部+当前高度 >=文档总高度 即代表滑动到底部  
        start_num = start_num + 48; // 每次滑动增加 
        $.get({ 
            url: '/more', 
            data: { 
                start_num: start_num 
            }, 
            success: function(res) { 
                var img_list = res.img_list; 
                // 取出图片数组进行字符串拼接 
                for (var i = 0, len = img_list.length; i < len; i++) { 
                    var html = '<div class="ml-lg-auto mb-3"><img src="'; 
                    html += img_list[i].thumb_url; 
                    html += '" alt="" data-src="'; 
                    html += img_list[i].img_url; 
                    html += '" class="pic"></div>'; 
                    $("#img_data_list").append(html); // 将拼接好的html放到预留的div里 
                } 
            } 
        }) 
    } else if (scrollTop <= 0) { 
        // 滑到页面顶部的方法，可以是上拉刷新 
    } 
});