网页下拉实现自动加载

javascript参考

/**
 自动加载更多
 **/
(window).scroll(function(){
    loadData();
});

function loadData(){
    var totalHeight= parseFloat((window).height()) + parseFloat((window).scrollTop());

    if((document).height() <= totalHeight){
        var obj=new Object();
        obj.id="a_more";
        loadMore(obj);
    }
}
/**
 * 加载更多
 * @param obj  点击对象
 */
var page_index = 1;
function loadMore(obj){
    ("#load_more a").hide();
    ("#load_more img").show();
    var id = obj.id;
    var url = $("#"+id).attr("data-url");
    var targetObj = ("#"+id).attr("data-target");

    $.post(url,{
        "start":page_index
    },function(data){

        ("#"+targetObj).append(data);
        ("#load_more a").show();
        ("#load_more img").hide();
        page_index ++;
    });
}

html参考

<h4 id="load_more">
    <a href="javascript:void(0);" id="a_more" data-url="resource/book" onclick="loadMore(this);" style="display:block;">加载更多</a>
    <img alt="" src="res/images/load.gif" style="display:none;">
</h4>