H5滚动到底预加载

var spage=0;
var epage=10;
x=0;
function load(){
$.ajax({
type: "post",
            url: "${base}/AndroidController/return_doc",
            data: {spage:spage,epage:epage,user_id:"${user_id!''}"},
            success: function (data) {
            var d = $.parseJSON(data);
            $(d).each(function(index,e){
            if(e.ISREAD=="yes"){
            var trHTML = "<tr>"+
            "<td><a href='javascript:void(0)' onclick='doEdit("+e.ID+")'><span style='color:blue'>"+e.TITLE+"</span></a></td>"+
            "<td><a href='javascript:void(0)' onclick='doEdit("+e.ID+")'><span style='color:blue'>"+e.CREATETIME+"</span></a></td>"+
            "<td><a href='javascript:void(0)' onclick='doEdit("+e.ID+")'><span style='color:blue'>已读</span></a></td>"+
            "</tr>"
            }else{
            var trHTML = "<tr>"+
            "<td><a href='javascript:void(0)' onclick='doEdit("+e.ID+")'>"+e.TITLE+"</a></td>"+
            "<td><a href='javascript:void(0)' onclick='doEdit("+e.ID+")'>"+e.CREATETIME+"</a></td>"+
            "<td><a href='javascript:void(0)' onclick='doEdit("+e.ID+")'>未读</a></td>"+
            "</tr>"
            }
$("#main").append(trHTML);//在table最后面添加一行
});
spage+=10;
        epage+=10;
            },
            error: function () {
                //ajax提交失败的处理函数！
            }
        });
}

$(document).ready(function(){
var ksheight = $(window).height();
$("#div").css("height",(ksheight-100)+"px");
        load();
        $("#div").scroll(function() {
        var sum = this.scrollHeight;
        var scrollTop = $(this).scrollTop();
        var height = $(this).height();
        if (sum<= scrollTop + height) {
        load();
        }  
   });
});