1、首先确定你想实现滚动的div代码如下:
<div id="wrapper">
<div id="scroller">
<ul>
<li>...</li>
</ul>
</div>
</div>
2、编写你的Javascript代码:
function loaded() {
document.addEventListener('touchmove', function(e){ e.preventDefault(); });
myScroll = new iScroll('scroller');
}
document.addEventListener('DOMContentLoaded', loaded);
3、为了实现功能还必须加上CSS代码:
#wrapper {
position:relative;
z-index:1;
width:/* your desired width自己想要的, auto and 100% are fine */;
height:/* element height */;
overflow:/* hidden|auto|scroll */;
}
4最后不要忘记了添加javascript引用:
<script type="text/javascript" src="iscroll-min.js">
</script>
5、大功告成!