iscroll遇到的两个坑

  最近移动端闪付遇到的两个坑做下总结:

  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+版本 可能会有其他的解决方案,如有不对地方,欢迎交流指正

posted @ 2017-12-06 16:06  方式代码  阅读(986)  评论(0编辑  收藏  举报