1.1 在你的页面中head标签下引入 iscroll.js
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- 引入iscroll.js -->
<script src="./iscroll.js"></script>
</head>
<body>
</body>
</html>
2 编辑HTML结构 注意 iScroll作用于滚动区域的外层。只有容器元素的第一个子元素能进行滚动，其他子元素不能被忽略
<div id="wrapper">
<!-- 要进行滚动的元素 -->
<ul>
<li>...</li>
<li>...</li>
...
</ul>
</div>
3.js初始化
<script type="text/javascript">
var myScroll = new IScroll('#wrapper');
</script>
网友评论