您的位置:首页 > Web前端 > HTML

html页面滑动页面加载更多

2016-05-26 12:01 429 查看
/**
* 页面信息后加载
* @type {boolean}
*/
var isTrue = true;
var pageLoad = 2;

window.addEventListener("scroll",lazyLoad);
function lazyLoad() {
var winHeight =document.documentElement.clientHeight ,winScrollTop = document.body.scrollTop,docHeight = document.body.offsetHeight;

var hidePageLoadStr = $("#hidePageLoadId").val();
//        alert(hidePageLoadStr);
if(hidePageLoadStr == 'change')
{
pageLoad = 2;
$("#hidePageLoadId").val('');
}

if (winHeight+winScrollTop+20>docHeight) {
if (pageLoad >30 ) {
window.removeEventListener("scroll",lazyLoad);
window.removeEventListener("load",lazyLoad);
return false;
}

var paramCityId = $("#hideCityId").attr('value');
var paramBrandId = $("#hideBrandId").attr('value');
var paramLineId = $("#hideLineId").attr('value');
var paramSortId = $("#hideSortId").attr('value');
var paramStr = '';
if(parseInt(paramCityId)){
paramStr+="&cityId="+paramCityId;
}

if(parseInt(paramBrandId)){
paramStr+="&brandId="+paramBrandId;
}

if(parseInt(paramLineId)){
paramStr+="&lineId="+paramLineId;
}

paramSortId = paramSortId ? paramSortId : 0;

if(isTrue){
$('#loadmore').show();
isTrue = false;
var _html  = '';
var param  = {'page':pageLoad, "sort": paramSortId,dataType : "html","rand":(new Date()).getTime()};
$.get(ajaxUrl+paramStr,param,function(mes) {
_html = mes;
if(_html !=''){
$('#proList').append(_html);
pageLoad++;
isTrue = true;
$('#loadmore').hide();
} else {
isTrue = false;
$('#loadmore').html("没有更多信息啦");
$(".loading").hide();

}
});
}
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: