perfect-scrollbar 和 fastclick 整合后首次需要点击两次的处理
来源:互联网 发布:主机与设备传送数据时 编辑:程序博客网 时间:2024/05/21 09:01
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
if(target.hasClass(‘hidden-input’) && !window.tian_scroll_hack){target.trigger(‘click’);
window.tian_scroll_hack = 1;
}
0 0
- perfect-scrollbar 和 fastclick 整合后首次需要点击两次的处理
- Scrollbar 两次消息处理
- ScrollBar的消息处理
- Fastclick 导致click事件触发两次的问题
- 可以滚动的View设置padding和scrollbar需要注意
- 为何会需要点击两次
- EditView 需要点击两次才能输入的解决
- Android Run As 后 和 export 后启动页面的 launchMode 变动,安装后首次点击ic_launcher 后按home键
- QTreeWidget学习之拖拽节点后,需要点击两次节点才生效
- FastClick消除点击延时提高程序的运行效率
- FastClick消除点击延时提高程序的运行效率
- 动态创建添加按钮后,解决开始需要点击两次才能触发,之后点击一次就可以了
- 点击穿透与FastClick浅读
- webkit中js调用SHBrowseForFolder时需要点击两次才能点中确定按钮的bug
- ZeroClipboard.js需要点击两次才复制成功的问题 解决方案
- 首次整合struts2+spring 提交表单后报的500错误
- fastclick的使用
- Android Editext 点击两次后软键盘遮挡 Editext控件的问题
- 子元素浮动 父元素自适应高度
- java二进制,运算符算法说明
- 价值170万美元的Flash漏洞 360Vulcan免费提交给Adobe修复
- RDLC 报表 表达式
- swift创建代理
- perfect-scrollbar 和 fastclick 整合后首次需要点击两次的处理
- [Medical Image Processing] 3.1 Binary Morphology-Dilation(膨胀)&Erosion(腐蚀)
- 10_14.c打印signal mask 的函数。
- pthread条件变量condition(配合mutex锁使用)
- 防止重复提交。
- Jenkins构建Android项目持续集成之系统配置篇
- 缓存文件可以放在哪里?它们各自的特点是什么?
- 用二叉链表存储结构构造一棵二叉树,然后用栈结构进行非递归遍历
- echarts之tooltip-trigger