注：1、iScroll一定要与滚动内容外面的wrapper进行联系才会产生效果。 2、只有wrapper里的第一个子元素才可以滚动。

2、实例化iScroll

iScroll必须在调用之前实例化，实例化代码如下（在head标签中添加如下代码）：

三、滚动测试实例

HTML+CSS:

<div class="jb51code">
<pre class="brush:xhtml;">

<Meta http-equiv="Content-Type" content="text/html; 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"> <Meta name="apple-mobile-web-app-capable" content="yes"> <Meta name="apple-mobile-web-app-status-bar-style" content="black"> #wrapper { position:absolute; z-index:1; top:45px; bottom:48px; left:0; width:100%; background:#aaa; overflow:auto; }

scroller {

position:relative;
/ -webkit-touch-callout:none;/
-webkit-tap-highlight-color:rgba(0,0);

float:left;
width:100%;
padding:0;
}

scroller ul {

position:relative;
list-style:none;
padding:0;
margin:0;
width:100%;
text-align:left;
}

scroller li {

padding:0 10px;
height:40px;
line-height:40px;
border-bottom:1px solid #ccc;
border-top:1px solid #fff;
background-color:#fafafa;
font-size:14px;
}

scroller li > a {

display:block;
}