M端滚动异步加载数据

var currentPage =1; //默认页
var pages = {:$pageNum:}; //总页数
function nextPage(){
	if (pages == 0){
		return;
	}
	currentPage++;
	if(currentPage>pages){
		jQuery('#no_more').show();
		return;
	}
	if(currentPage>1){
		 jQuery('.loading').show();
	}
	var response = $.ajax({
		type: "POST",
		url: "/index.php?m=default&c=index&a=ghomeAjax",
		data: {
					 "page" : currentPage,
			   },
		 success: function(data){
			jQuery('.com_list ul').append(data);
			jQuery('.loading').hide();
		 },
		 async: true
	 });
 }
//滚动加载
$(window).scroll(function(){
	if (getScrollTop() + getClientHeight() >= getScrollHeight()){ 
		nextPage();
	}
	lodingImg();
});

//图片预加载
function lodingImg(){
	$('#topbanner img,.com_list img').each(function(){
		if($(this).offset().top<=$(document).scrollTop()+$(window).height() 
		&& $(this).offset().top>=$(document).scrollTop()) {
			var url = $(this).attr('loding'),
			img = $(this).attr('src');
			if(img!=url){
				$(this).attr({src:url,alt:''}).css({opacity:0}).animate({opacity:1},500);
			}
		}
	});
}

lodingImg();//加载图片
//窗口改变大小加载
$(window).resize(function(){    
	lodingImg();//加载图片
});

//获取滚动条当前的位置 
function getScrollTop(){ 
	var scrollTop = 0; 
	if (document.documentElement && document.documentElement.scrollTop){ 
		scrollTop = document.documentElement.scrollTop; 
	}else if (document.body) { 
		scrollTop = document.body.scrollTop; 
	} 
	return scrollTop; 
} 

//获取当前可是范围的高度 
function getClientHeight(){ 
	var clientHeight = 0; 
	if (document.body.clientHeight && document.documentElement.clientHeight){ 
		clientHeight = Math.min(document.body.clientHeight, document.documentElement.clientHeight); 
	} else { 
		clientHeight = Math.max(document.body.clientHeight, document.documentElement.clientHeight); 
	} 
	return clientHeight; 
} 

//获取文档完整的高度 
function getScrollHeight(){ 
	return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight); 
}
public function glistAjax(){
	$pagesize = 6;
	$page = isset($_POST['page']) ? (int)$_POST['page'] : 1;
	
	$limit = ($page-1)*$pagesize;
	$limit.=",".$pagesize;
	$order = "add_time desc";
	
	$where = "";
	$list = $this->index->get_goods_list($where,$data='*',$limit,$order);
	
	$httpRequestTools = new HttpRequest;
	if(!$list){
		if($httpRequestTools->isAjax()){
			echo "";
			exit;
	    }else{
			return "";
	    }
	}
	$html = template('goodslist','ajax_goods_list1','default',true,array("list"=>$list));
	if($httpRequestTools->isAjax()){
	    echo $html;
	    exit;
	}else{
	    return $html;
	}
}


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值