html页面滑动页面加载更多

最新推荐文章于 2021-06-09 11:24:14 发布

ihy868

最新推荐文章于 2021-06-09 11:24:14 发布

阅读量4k

点赞数 1

分类专栏： jquery 文章标签： jquery

本文链接：https://blog.csdn.net/lizhixin705/article/details/51505965

版权

jquery 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

 /**
     * 页面信息后加载
     * @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();

                    }
                });
            }
        }
    }