最近移動端閃付遇到的兩個坑作下總結: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