基于iSroll插件实现html5页面上拉加载更多

先引入iscroll.js文件

页面滑动部分的html结构如下：

<div id="wrapper" style="overflow: hidden; left: 0px;">
	<div id="scroller">
		<div id="pullDown">
			<span class="pullDownIcon"></span><span class="pullDownLabel">下拉刷新...</span>
		</div>
		<ul id="thelist">
			<li>Pretty row 1</li>
			<li>Pretty row 2</li>
			...
		</ul>
		<div id="pullUp">
			<span class="pullUpIcon"></span><span class="pullUpLabel">上拉加载更多...</span>
		</div>
	</div>
</div>

在页面加载完成时定义iscroll的滑动事件：

var myScroll,
	pullDownEl, pullDownOffset,
	pullUpEl, pullUpOffset,
	generatedCount = 0;

function pullDownAction () {
		$.ajax({
		url:"