JS列表数据无限下拉

 
function getEL(id){return typeof id == "string" ? document.getElementById(id) : id}
function getAbsPoint (e){  
    e = getEL(e);
    var x = e.offsetLeft;  
    var y = e.offsetTop;  
    while(e = e.offsetParent){  
        x += e.offsetLeft;  
        y += e.offsetTop;  
    }  
    return {"x": x, "y": y};  
}
var nums = 0;
var per = 10;
var maxHeight = 0;
var $lastItem = null;  
var lasttime = (new Date()).valueOf();  

function append()
{    
	var fdid = Request("fd_id");
	var nownum = nums-1;
	var i = T$('i').value;
	var type = T$('type').value;
	var div_now = T$('div_now').value; 
	if(i == 1 && type == 1)
	{
		//我的好友动态
		if(getEL("nomoredata_push")) 
		{
			return;
		}
		T$(div_now).innerHTML += "<div id='div_"+nums+"'><img src='/images/loading.gif' width='20' height='20'/>正在获取数据,请稍后...</div></div>";
		if(getEL("lasttime_push_"+nownum))
		{
			var lasttime = getEL("lasttime_push_"+nownum).value;
		}
		getdata("div_"+nums,"/page/ajax_push.php?id="+lasttime+"&flag=1&nums="+nums);
	}
	else if(i == 0 && type == 1)
	{
		//我的好友分享
		if(getEL("nomoredata_activity")) 
		{
			return;
		}
		T$(div_now).innerHTML += "<div id='div_"+nums+"'><img src='/images/loading.gif' width='20' height='20'/>正在获取数据,请稍后...</div></div>";
		if(getEL("lasttime_activity_"+nownum))
		{
			
			var lasttime = getEL("lasttime_activity_"+nownum).value;
		}
		getdata("div_"+nums,"/page/ajax_activity.php?id="+lasttime+"&flag=1&nums="+nums);
	}
	else if(i == 0 && type == 2)
	{
		//Ta的分享
		if(getEL("nomoredata_factivity")) 
		{
			return;
		}
		T$(div_now).innerHTML += "<div id='div_"+nums+"'><img src='/images/loading.gif' width='20' height='20'/>正在获取数据,请稍后...</div></div>";
		if(getEL("lasttime_factivity_"+nownum))
		{
			var lasttime = getEL("lasttime_factivity_"+nownum).value;
		}
		getdata("div_"+nums,"/page/ajax_factivity.php?id="+lasttime+"&flag=1&nums="+nums+"&go="+go);
	}
	else if(i == 1 && type == 2)
	{
		//Ta的好友动态
		if(getEL("nomoredata_activity")) 
		{
			return;
		}
		T$(div_now).innerHTML += "<div id='div_"+nums+"'><img src='/images/loading.gif' width='20' height='20'/>正在获取数据,请稍后...</div></div>";
		if(getEL("lasttime_activity_"+nownum))
		{
			var lasttime = getEL("lasttime_activity_"+nownum).value;
		}
		getdata("div_"+nums,"/page/ajax_activity.php?id="+lasttime+"&flag=1&nums="+nums+"&go="+go);
	}
	
    T$(div_now).innerHTML += "<div id='appendiv_"+nums+"'></div>";
    maxHeight = getAbsPoint("appendiv_"+nums).y;
    nums++; 
}

//获取Url参数
function Request(argname) 
{ 
	var url = document.location.href; 
	var arrStr = url.substring(url.indexOf("?")+1).split("&"); 
	//return arrStr; 
	for(var i =0;i<arrStr.length;i++) 
	{ 
		var loc = arrStr[i].indexOf(argname+"="); 
		if(loc!=-1) 
		{ 
			return arrStr[i].replace(argname+"=","").replace("?",""); 
			break; 
		} 
	} 
	return ""; 
} 

//滚动到某个位置时 再次加载 per个
var timeId = null;
$(window).scroll(function(){
    clearTimeout(timeId);
    timeId = setTimeout(function(){
        if(
            document.documentElement.clientHeight + $(document.documentElement).scrollTop() >= maxHeight
            || document.documentElement.clientHeight + $(document.body).scrollTop() >= maxHeight// 谷歌这个不给力啊,需用document.body.scrollTop()
        )
        {
           	append();
        }
    },100);
    }); 
append();

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值