H5加载更多小例子
来源:互联网 发布:c语言恶搞小程序 编辑:程序博客网 时间:2024/05/16 05:12
<script type="text/javascript">
var h = $(window).height();
$(".wrap").css("height",h);
var hasMore=true;
var tempPageIndex = 2;
var sTop=0;
//页面初始化
$(function(){
util = new Util();
//加载评论列表
loadCommonList();
$(window).on('scroll',function(){
sTop=$(window).scrollTop();
if(sTop>=$(".common").get(0).offsetHeight-$(".wrap").height())
{
loadCommonList(tempPageIndex);
tempPageIndex++;
}
});
});
//加载评论列表
function loadCommonList(pageIndexVal){
var pageIndex = pageIndexVal;
if(pageIndex == undefined || pageIndex == ""){
pageIndex = 1;
}
var productId = util.getUrlParam('productId');
var url = util.baseUrl + '/comment/list';
var param ='{"productId": '+productId+'},"pageSize":10,"pageNow":'+pageIndex+'}';
var contentType = "application/json";
var userIds = '';
var userInfos;
if(hasMore){
util.requestRemoteDataJsonPost(url,param,contentType,function(data){
$('#ul_common').html('');
util.logResult(data);
var totalCount = data.totalCount;
if(pageIndex*10>=totalCount){
hasMore=false;
}
});
}
}
</script>
- H5加载更多小例子
- H5页面实现上拉加载更多
- iScroll下拉加载更多例子
- H5基于iScroll实现下拉刷新,上拉加载更多
- 加载更多
- 加载更多
- 加载更多
- 加载更多
- 基于zepto的H5/移动端tab切换触摸拖动加载更多数据
- SDL加载和缩放图片小例子
- SDL加载和缩放图片小例子
- H5 WebGL Demo 例子
- H5表格的例子
- h5微网页向上滑动屏幕加载跟多数据例子(原生js)
- Android_listview分页加载更多
- TableView,加载更多
- UITableView加载更多显示
- 滚动加载更多内容
- ListView 下拉更新 (支持 Android)
- js 实现微信可视化菜单json生成工具
- 监测div值的变化
- AJAX的底层实现原理
- Java与MongoDB的配合使用备忘1-CURD操作模板创建
- H5加载更多小例子
- com/alibaba/dubbo/common/bytecode/Wrapper10 has illegal signature "(V)V"
- 利用ssh反向代理以及autossh实现从外网连接内网服务器
- 搜索引擎
- 百度实习面经
- Git fetch和git pull的区别
- 解决NSIS Error error launching installer问题
- Linux后台运行java的jar包
- HDU-1029-Ignatius and the Princess IV