IE浏览器,局部div滚动条,下拉加载
防止IE下 下拉加载 多条数据
// 先初始一个变量 var b=0 function scroll(){ //给div绑定一个scroll事件 $('.main').bind('scroll',function(){ var nDivHight = $(".main").height(); nScrollHight = $(this)[0].scrollHeight; nScrollTop = $(this)[0].scrollTop; scrollVal = $('.main').scrollTop(); // 判断div滚动条达到底部 if (nScrollTop + nDivHight==nScrollHight) { // 滚动条到底部了 // 让变量加1 b+=1 //当变量完全等于1 if (b===1) { //页码数加一 page++ //这里是做一个判断 最多加载 几页数据 if (page<=10) { //调用recommend这个ajax的方法 把id和页码数传过去,渲染之后让b重新等于0(b=0) recommend(cid,page) } else { return; } }else{ return; } } }) } scroll()
recommend方法
//下拉加载 function recommend(id,pageNum){ jQuery.support.cors = true; $.ajax({ type:'get', url:url,//请求的接口 dataType:'json', async:true, data:{ page: pageNum,//页码数 size:10//一次10条 }, success:function(data){ var data = data var valhtml ='' $.each(data,function(i,val){ html+= '<a href="'+val.url+'">'+ '<div>'+ '<img src="'+val.img+'">'+ '</div>'+ '<p>'+val.title+'</p>'+ '</a>' }) $('div').append(html) //重新赋值 b=0 } }) }