第一步:判断是否到达页面底部:通过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();
}