Application/Wap/View/User_mx.html

微信扫码关注公众号，代码整理好后第一时间通知你。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/base.css" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/wap.css?res=34" />
<title>账单明细</title>
<style>
</style>
</head>
<body>
<script src="__PUBLIC__/js/layer.js"></script> 
<script type="text/javascript">
var loadhtml_layer = layer.open({type: 2, shadeClose:false });
</script>
<input type="hidden" name="page" value="0" />
<div class="head_iback"><img src="__PUBLIC__/img/13.png"> 账单明细</div>
<div class="wap_content">  
  
</div>

<script src="__PUBLIC__/js/jquery-3.3.1.min.js"></script> 
<script type="text/javascript">
$(document).ready(function(){
	var isScrolling = false;
	$(function(){		
		layer.close(loadhtml_layer);
		Mxlist();
	});
	$(".head_iback").click(function(){
	     window.history.go(-1);	
	});
	$(".wap_content").scroll(function(){
		if(isScrolling){return false;}		
	    var divHeight = $(this).height();//div可视区域高度	   
	    var scrollTop = $(this)[0].scrollTop;//滚动条的高度,即滚动条的当前位置到div顶部的距离
		var scrollHeight = $(this)[0].scrollHeight;//滚动的高度
	    if(scrollTop + divHeight >= scrollHeight){ 
		   isScrolling = true;
		   Mxlist();
	    }
   });	
});

function Mxlist(){
	   var page = parseInt($("input[name='page']").val());
	   $.post('{:U("Ajax/zijinlist")}',{page:page},function(res){
		    isScrolling = false;
		    if($.trim(res.html) != ''){			   
		       $('.wap_content').append(res.html);
			   $("input[name='page']").val(page+1);
		    }	
	   },'json');
}
</script>

</body>
</html>