IScroll

這裏總結一下IScroll使用應該注意的幾點細節：

一、若是內容的高度比使用iscroll的標籤的小的iscroll是不能滾動，也就是不能有上拉下拉的效果。

二、綁定了iscroll後若是有數據變更（添加或刪除了標籤）須要使用refresh()方法進行刷新，要否則要失效。

三、使用iscroll事件的時候（scrollstart，scroll，srollend）必定要設置一個參數：probeType若是沒設置那麼綁定事件就會無效。probeType的有效參數爲1,2,3，越高就監聽越精確，具體能夠本身去試試。

四、綁定iscroll事件主要用到兩個參數：this.y,this.maxScrollY;

this.y:就是你綁定iscroll的標籤的y座標，當在最上面的時候是0，滑到最下面就是maxScrollY；向下滑動值會增大

this.maxScrollY:就是滑動到最後一個元素時的y座標

下拉刷新：要用到this.y；判斷當y值大於多少時就執行刷新，如今廣泛的都還要加上一個條件，就是鬆開後才刷新，要實現這個功能就要綁定touchend這個事件

上拉加載：用到maxScrollY,噹噹前的this.y大於maxScrollY某個數值的時候就進行加載，這裏能夠不用鬆開才加載，看我的喜愛

5、綁定IScroll的標籤要記得設置overflow：hidden屬性

六、若是在使用了iscroll的頁面要綁定其餘事件的時候要注意，若是用了event.preventdefalut()的方法有可能會是iscroll失效，滾動不了。

七、使用IScroll要注意不要嵌套太多標籤，只有wrapper（綁定iscroll的標籤）的第一個子元素才能夠滾動，因此要把滾動的列表元素放進這個子元素內。

即：

<div id="wrapper">

       <div>

  滾動列表

       </div>

      <div>

     若放在這裏則不會滾動

     </div>

</div>

如下就是使用IScroll會出現的一些問題：

一、當多個標籤綁定了IScroll的時候偶爾會出現某個標籤不能滑動，但是當刷新後又能夠了，因此iscroll多的狀況下對性能要求挺高的，因此不能濫用。