perfect-scrollbar 和 fastclick 整合后首次需要点击两次的处理
2015-12-09 14:28
387 查看
1 概要
1.1 perfect-scrollbar:用来做滚动,笔iscroll轻量1.2 fastclick: 用来消除touch事件和click事件的延时
2 如果scroll的区域中有 按钮,会导致问题.
类似https://github.com/noraesae/perfect-scrollbar/issues/395的描述3 两个问题
3.1 touchend后,会频繁的调用updatecss方法,且每10ms更新一次3.2 在第一次点击元素时,perfect-scrollbar组件会把事件拦截,导致按钮无法正常点击
4 临时解决方案
4.1 定义额外变量var t_differenceY = 0;
在touchMove方法触发时,将滑动的距离进行赋值
t_differenceY = differenceY;
在touchEnd的easingLoop判断中添加
if(t_differenceY < 0.1){
clearInterval(easingLoop);
return;
}
4.2 定义额外变量
window.t_scroll_hack
在touchStart方法中添加如下代码
//hacked by tian
var target=(e.target);
if(target.hasClass(‘hidden-input’) && !window.tian_scroll_hack){target.trigger(‘click’);
window.tian_scroll_hack = 1;
}
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- JavaScript 各种遍历方式详解
- call/apply/bind 的理解与实例分享
- 如何创建对象以及jQuery中创建对象的方式
- IE8开发人员工具教程(二)
- 在flex中执行一个javascript方法的简单方式