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
- html页面滑动页面加载更多
- 两个菜单页面组成的手机页面滑动加载更多
- 手机网页端滑动到页面底部执行加载更多
- 微擎之手机页面向下滑动加载更多
- 《AngularJS》-----手机页面滚动条滑动到底端实现加载更多
- html页面加载
- HTML页面加载流程
- html页面加载顺序
- html页面加载问题
- HTML页面加载流程
- android 加载html页面
- HTML页面加载流程
- android加载html页面
- html页面加载
- html页面中止加载
- HTML页面的加载
- java实现页面加载更多功能
- 滑到页面底端自动加载更多
- nginx环境下安装zabbix菜鸟版
- JavaBean为什么要实现系列化Serializable接口
- 让PPT文档保存时自动压缩图片
- 为什么“精心”设计的剧情玩家不看?
- 游戏AI--决策(1)
- html页面滑动页面加载更多
- (2.2.4.1)Java Observable 模式
- premake设置静态运行库
- 使用Thrift RPC编写程序
- leetcode---Generate Parentheses---递归
- 点击两次退出应用
- 用好PowerPoint的“重用幻灯片”
- Thrift使用指南
- CodeForces - 366A Dima and Guards (模拟)