iscroll遇到的兩個坑

  最近移動端閃付遇到的兩個坑作下總結:html

  1.使用iscroll後,滑動並無生效app

  解決方案:spa

    首先要查看:結構是否正確:
    <div id="wrapper">   //wrapper的高度必定要指定,而且最好要高於wrapper的高度不然,沒法正常滾動
       <ul>
           <li></li>
           ...
      </ul>
    </div>

  其次,要看您在動態加載完html內容後的refresh方法:
  這裏必定在用setTimeout("myscroll.refresh()", 0)  ,這是由於setTimeout會在主線程結束以後,再去執行。線程

 

  2.iscroll控制區域內,蘋果手機可點,安卓手機不可點htm

  解決方案:對象

    具體的緣由很差明述,解決方案 我在兩處作了處理,blog

      第一是把點擊區域由移動端的click事件修改成tap事件,事件

      二是在實例化iscroll對象時,引用參數event

 myScroll = new IScroll("#ID", {
	preventDefault: false, //是否屏蔽默認事件。默認爲true
        scrollbars: true,//有滾動條
        mouseWheel: true,//容許滑輪滾動
        
    });

  

 

  本次遇到的兩個坑引用的iscroll是5.2+版本,若是是4.0+版本 可能會有其餘的解決方案,若有不對地方,歡迎交流指正class

相關文章
相關標籤/搜索