iScroll使用遇到的坑

原创 2016年06月01日 23:18:06

在最近的项目中发现,iScroll中的元素如果绑定了click事件,会被触发两次
原因是iScroll在滑动之前的时候会解除其内元素的所有事件
当滑动结束又会重新绑定,于是就造成了绑定了两次的情况

可以用下面的方法解决:

var t1 = null;//这个设置为全局
function myclick(){
    if (t1 == null){
        t1 = new Date().getTime();
    }else{       
        var t2 = new Date().getTime();
        if(t2 - t1 < 500){
            t1 = t2;
            return;
        }else{
            t1 = t2;
        }
    }
    /*自己的代码*/
}
版权声明:本文为博主原创文章,未经博主允许不得转载。

使用iscroll4可能会遇到的问题(转:记录)

1.在iscroll4的滚动容器范围内,点击input框、select等表单元素时没有响应 这个问题原因在于iscroll需要一直监听用户的touch操作,以便灵敏的做出对应效果,所以它把其余的默认...
  • houhj168
  • houhj168
  • 2016年09月12日 11:29
  • 1007

iscroll踩过的坑

在iscroll在使用之前必须要实例化, document.getElementById("wrapper").addEventListener('touchmove', functio...
  • sly94
  • sly94
  • 2016年10月14日 16:36
  • 1740

关于移动iscroll项目中使用的一些坑

1、iScroll v4.2及以下版本,在安卓手机中会有一些滑动不流畅,快速滑动时候,突然再次点击滑动,会有闪屏现象出现,更换iScroll v4.2.5及以上版本即可解决; 2、利用ajax进行数...
  • happykingzd
  • happykingzd
  • 2017年06月30日 11:01
  • 370

rem的使用及踩过的坑

1.rem是蛤子?rem是css的一个单位。这个单位代表相对于根元素的 font-size 大小(例如 font-size 元素)。当用在根元素的font-size上面时 ,它代表了它的初始值(译者...
  • ShiLuoFeiYu
  • ShiLuoFeiYu
  • 2017年03月08日 09:46
  • 294

使用git遇到的坑

在github上面已经上传过不少代码了,虽然关注的人很少,我还是低调的做着这件事情。这个也见证了我学习之路。 但是对于使用git命令还是一知半解,这里只是总结我所遇到过的坑…. 1、git上传代码...
  • u011521890
  • u011521890
  • 2016年05月18日 16:17
  • 571

vue遇到的坑

父级组件采用数据驱动渲染出来的导航栏之后,由于页面渲染的是子组件,这个时候在子组件中去触发父级组件上的事件并没有发生,这个时候反复找了网上查找了一些资料,刚开始百度到了一个关于v-for与click事...
  • limy_cxm
  • limy_cxm
  • 2017年06月08日 16:07
  • 871

css 自己爬过的一些坑

css 自己爬过的一些坑
  • walliamliu
  • walliamliu
  • 2016年12月25日 13:24
  • 175

工作中遇到的小坑合集(java)

工作中遇到的小坑合集fastjson fastjson在使用复杂的集合类型的使用,要使用TypeReference.如下 Map map = JSONObject.parseObject(string...
  • u010632868
  • u010632868
  • 2016年08月21日 20:53
  • 319

iscroll与swiper的冲突

下拉加载用到iscroll发现它会与swiper的轮播图冲突 问题:滑动轮播图就会直接跳链接 解决:给swiper里面配置一个阻止touchmove冒泡事件的属性   touchMoveStopP...
  • wangjiaohome
  • wangjiaohome
  • 2017年06月06日 15:25
  • 1328

iscroll4升级到iscroll5全攻略笔记 (博主已改行,不再更新)

前段时间在搞移动终端(移动web)的项目,其中需要用到滚动的功能(html的滚动效果不好,且在低版本上不支持)。后面上网找了下资料,发现大部分人都在用iscroll4(下面简称v4),下载下来试了下确...
  • gcz564539969
  • gcz564539969
  • 2013年06月23日 19:07
  • 22555
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:iScroll使用遇到的坑
举报原因:
原因补充:

(最多只允许输入30个字)