最近移动端闪付遇到的两个坑做下总结:
1.使用iscroll后,滑动并没有生效
解决方案:
首先要查看:结构是否正确:
<div id="wrapper"> //wrapper的高度一定要指定,并且最好要高于wrapper的高度否则,无法正常滚动
<ul>
<li></li>
...
</ul>
</div>
其次,要看您在动态加载完html内容后的refresh方法:
这里一定在用setTimeout("myscroll.refresh()", 0) ,这是因为setTimeout会在主线程结束之后,再去执行。
2.iscroll控制区域内,苹果手机可点,安卓手机不可点
解决方案:
具体的原因不好明述,解决方案 我在两处做了处理,
第一是把点击区域由移动端的click事件修改为tap事件,
二是在实例化iscroll对象时,引用参数
myScroll = new IScroll("#ID", { preventDefault: false, //是否屏蔽默认事件。默认为true scrollbars: true,//有滚动条 mouseWheel: true,//允许滑轮滚动 });
本次遇到的两个坑引用的iscroll是5.2+版本,如果是4.0+版本 可能会有其他的解决方案,如有不对地方,欢迎交流指正