index.html

<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<script type="text/javascript" src="iscroll.js"></script>
<script type="text/javascript">

var myScroll;

function loaded () {
	myScroll = new IScroll('#wrapper', { scrollbars: true });
}

document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);

</script>
<style>
#wrapper {position: absolute; z-index: 1; width:100%; top: 0px; bottom: 0px;}
.left {display:inline;left:0px;}
.right {float:right;}
.right-box {margin-left: 60px;}
.left-box {float:left;width: 50px;}
.box {margin:5px;border-bottom:1px solid #ebf1f3; width:100%;}
ul {padding:0; margin:0;}
li {list-style:none;min-height: 60px;}

#scroller {
	position: absolute;
	z-index: 1;
}

.userarea {
	background-color: #f5f8f9;
}

.zan {
	border-bottom: solid;
}

</style>
</head>
<body onload="loaded()">
<div id="header"></div>
<div id="wrapper">
	<div id="scroller">
		<ul>
			<li>
				<div class="box">
					<div class="left-box"><img width="50" height="50" src="http://192.168.0.99/testdata/img/201512/02/69582100.png" /></div>
					<div class="right-box">
						<div class="name">测试数据</div>
						<div class="text">规则2:选择多个标签，内容只要含有其中任意一个，则属于该栏目</div>
						<div class="image"></div>
						<div class="end">
							<div class="left">3 minutes before</div>
							<div class="right">...</div>
						</div>
						<div style="clear:both"></div>
						<div class="userarea">
							<div class="zan"></div>
							<div class="comment">
								<ul>
									<li></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</li>
		</ul>
	</div>
</div>
<div id="footer"></div>
</body>
</html>