iScroll功能很强大，目前我只用来 自定义滚动条 以下简单介绍一下iscrol在移动端自定义滚动条时的使用和注意事项。
一、用法
iScroll对要滚动的元素进行初始化，且不限制一个页面中使用iScroll的元素个数。
使用iScroll时，DOM树的结构要足够简单，移除不必要的标签，避免过多的标签嵌套。
1、html部分
1.1、最优最简单的iScroll结构
<div> <ul> <li></li> ..... </ul> </div>
本例中,ul标签将被滚动。iScroll一定要与滚动内容外的wrapper配合才能生效。
1.2、只有wrapper里的第一个子元素才可以滚动
因为只有wrapper里的第一个子元素才科院滚动，所以要让多个元素滚动 ，写法如下：
<div> <div> <ul> <li></li> ... </ul> <ul> <li></li> ... </ul> </div> </div>
scroller这个元素可以滚动，即便它包含两个ul元素。
2、js调用部分
2.1 、使用onDomContentLoaded事件实现滚动
适用于滚动内容只包含文字、图片，并且所有的图片都有固定的尺寸
<script src="https://www.jb51.net/iscroll.js"></script> <script> var myscroll; //myscroll是全局变量，可以在任意地方调用 function loaded(){ myscroll=new iScroll("wrapper"); } window.addEventListener("DOMContentLoaded",loaded,false); </script>
2.2、使用onLoad事件实现滚动
因为DOMContentLoaded事件是载入DOM结构后就会被调用，所以在图片等元素未载入前可能无法确定滚动区域的长宽，此时可以使用onLoad事件来实现。
<script src="https://www.jb51.net/iscroll.js"><script> <script> var myscroll; function loaded(){ setTimeout(function(){ myscroll=new iScroll("wrapper"); }，100 ); } window.addEventListener("load",loaded,false); </script>
这种情况下iScroll会在页面资源（包括图片）加载完毕100ms之后得到初始化，这应该是一种比较安全的调用iScroll的方式。
2.3、弹框中的滚动条加载
弹框一般用display:none和display:block切换来实现。
display:none的元素浏览器没有渲染，所以无法计算滚动内容的高度。
所以在弹框调用show()显示出来后，再实例化滚动条区域。如下：
$("#mobile_show_duobao_all_num").show(); new iScroll('tc-wrapper2', { scrollbarClass: 'myScrollbar' , hScrollbar:false, vScroll:true, hideScrollbar: false //是否隐藏滚动条 });
提示：出现滑动屏幕时，整个页面滑动的兼容性问题，解决办法如下：
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
2.4、iScroll传参
iScroll里的第二个参数允许你自定义一些内容，比如是否隐藏滚动条等。常用参数如下：
hScroll false 禁止横向滚动 true横向滚动 默认为true
vScroll false 精致垂直滚动 true垂直滚动 默认为true
hScrollbar false隐藏水平方向上的滚动条
vScrollbar false 隐藏垂直方向上的滚动条
fixedScrollbar 在iOS系统上，当元素拖动超出了scroller的边界时，滚动条会收缩，设置为true可以禁止滚动条超出
scroller的可见区域。默认在Android上为true， iOS上为false
fadeScrollbar false 指定在无渐隐效果时隐藏滚动条
hideScrollbar 在没有用户交互时隐藏滚动条 默认为true
bounce 启用或禁用边界的反弹，默认为true
momentum 启用或禁用惯性，默认为true，此参数在你想要保存资源的时候非常有用
lockDirection false取消拖动方向的锁定， true拖动只能在一个方向上（up/down 或者left/right）
2.5、通用方法
refresh 在DOM树发生变化时，应该调用此方法
eg: setTimeout(function () { myScroll.refresh(); }, 0);
3、css部分
自定义滚动条样式时需要给滚动条添加一个class参数，如下
var myscroll=new iScroll("wrapper",{ scrollbarClass: "myScrollbar" });
滚动条是由两个元素组合而成的：容器和显示器。容器同wrapper的高度相同，而显示器则代表的是滚动条本身。
html结果如下：
<div> <div></div> </div>
css如下，可以自行修改：