demo:
iscroll功能很強大，目前我隻用來 自定義滾動條 以下簡單介紹一下iscrol在移動端自定義滾動條時的使用和注意事項。
iscroll對要滾動的元素進行初始化，且不限制一個頁面中使用iscroll的元素個數。
使用iscroll時，dom樹的結構要足夠簡單，移除不必要的标簽，避免過多的标簽嵌套。
本例中,ul标簽将被滾動。iscroll一定要與滾動内容外的wrapper配合才能生效。
因為隻有wrapper裡的第一個子元素才科院滾動，是以要讓多個元素滾動 ，寫法如下：
scroller這個元素可以滾動，即便它包含兩個ul元素。
适用于滾動内容隻包含文字、圖檔，并且所有的圖檔都有固定的尺寸
因為domcontentloaded事件是載入dom結構後就會被調用，是以在圖檔等元素未載入前可能無法确定滾動區域的長寬，此時可以使用onload事件來實作。
這種情況下iscroll會在頁面資源（包括圖檔）加載完畢100ms之後得到初始化，這應該是一種比較安全的調用iscroll的方式。
彈框一般用display:none和display:block切換來實作。
display:none的元素浏覽器沒有渲染，是以無法計算滾動内容的高度。
是以在彈框調用show()顯示出來後，再執行個體化滾動條區域。如下：
提示：出現滑動螢幕時，整個頁面滑動的相容性問題，解決辦法如下：
iscroll裡的第二個參數允許你自定義一些内容，比如是否隐藏滾動條等。常用參數如下：
refresh 在dom樹發生變化時，應該調用此方法
eg: settimeout(function () { myscroll.refresh(); }, 0);
自定義滾動條樣式時需要給滾動條添加一個class參數，如下
滾動條是由兩個元素組合而成的：容器和顯示器。容器同wrapper的高度相同，而顯示器則代表的是滾動條本身。
html結果如下：
css如下，可以自行修改：
iscroll.js
html
tc.css
scrollbar.css
了解更多：
<a href="http://www.cnblogs.com/yexiaochai/p/3764503.html" target="_blank">【iscroll深入學習】解決iscroll疑難雜症</a>