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(); } }); } } }
相关文章推荐
- HTML特殊符号
- WORD2007转HTML
- [Flex] IFrame系列 —— 嵌入本地页面两种方式source和content(html页面和html代码)
- MarkdownPad 2 在win10下出错:HTML 渲染错误(This view has crashed) 的解决办法 + MarkdownPad2.5 注册码
- 浅析 innerHTML 性能优化的原理
- innerHTML的性能问题
- html 页面太长滚动时,固定页面菜单标签,或者导航标签的位置,fixed/stickUp the position
- html中的换行符也占空间,如何解决
- C#清除HTML标签方法汇总
- HTML文档设置标记
- 手机或html中图片上传按钮不显示的解决办法!
- HTML事件默认行为与事件传播
- html图片和文字的细节
- 轻量web服务器开发日记04-buffile结构体的实现
- html基础
- html 图像映射
- XHTML标签的嵌套规则分析
- HTML获取触发事件的元素id
- [Flex] IFrame系列 —— 在flex的web应用中嵌入html的方法
- html滚动字幕代码(咋个办呢 zgbn )