html页面滑动页面加载更多

来源:互联网 发布:按键精灵淘宝秒杀脚本 编辑:程序博客网 时间:2024/05/30 18:30
 /**     * 页面信息后加载     * @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();                    }                });            }        }    }

0 0