第一步：判断是否到达页面底部：通过js监听window的scroll来判断

   function loadmore(){
        var page = $("#html_box .item").length / 10 +1;
        
        $.ajax({
           url:"",
           data:{page:page}, 
           success:function(data){
               if(data){
                  $("#html_box").append(data);
               }
           }
        })
    }
  
  
  $(window).scroll(function(){
        var doc_height = $(document).height();
        var scroll_top = $(document).scrollTop(); 
        var window_height = $(window).height();
        
        if(scroll_top == 0){
        }else if(scroll_top + window_height >= doc_height){
            loadmore();
        }
    });

第二步：PHP来判断如果是AJAX来的渲染到AJAX列表页，然后 在前台直接append到指定的HTML区域即可

        $count = M('Article')->count();
    	$pre_page = 10;
        $all = ceil($count/$pre_page);
        $page = I("page", 1);
        $offset = ($page-1)*10;

        $this->assign("page", $page);
    	$list = M('Article')->limit($offset, 10)->select();
	$this->assign('lists', $list);
		
	if(IS_AJAX){
            $this->display('ajax_index');
        }else{
            $this->display();
        }