1,、下載iscroll.js  

     一定要 在官網http://iscrolljs.com/下載，

···

我就遇到一個很奇葩的問題，導致初始化失敗，一開始沒往外掛問題方面想。

因為querySelect or是javascrip的方法，按理說沒問題，搞了半天，問了大神，大神也說不知道，可能是外掛有問題。

結果換了一個真的好了。

。。。。。。

PS:

iscroll無法獲取子元素。

以上的說法是錯誤的。。。。

原來我第一次下載的是isroll5,  iscroll5   採用的是 querySelector() 獲取元素。

第二次下載的是   iscroll4,   iscroll4, 用的是      geElementById()獲取元素。

至於我電腦使用的谷歌瀏覽器，手機瀏覽器，絕對是都相容的。

但是為什麼geElementById()  可以獲取到，querySelector()獲取不到，這個就不知道了。汗！！！

還是想用iscroll5的話，可以修改原始碼。

2.引進

3.使用

<div id="wrapper"> 
               <ul> 
                    <li></li> 
                     ... 
                </ul> 
</div>
 

global.myscroll=new iScroll("wrapper",{});

document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);

如果你是這樣初始化，意味著  ul 是滾動層。

從上面的原始碼可以發現，iscroll是選取id的第一個子元素作為滾動層的。

所以呢，如果想讓更多元素滾動，可以這樣

<div id="wrapper">
    <div id="scroller">
        <ul>
          <li></li>
           ...
        </ul>
        <ul>
           <li></li>
           ...
        </ul>
    </div>
</div>
 

第二個引數是一個json物件，可以指定一些資訊。

               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）

所以一般初始化是這樣子的。隱藏掉滾動條。

var myscroll=new iScroll("wrapper",{hScrollbar:false, vScrollbar:false});

4.注意事項

5.結語

現在感覺最iscroll最大的作用就是使移動端的 fixed真正能夠固定，特別是ios系統。

以上初次使用的心得，等使用到那些事件，方法的時候在繼續補充，謹以此給新手一點幫助。