最近移动端闪付遇到的两个坑作下总结: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