mobile touch 备用
var _scrollIndex=1;
function scrollPage(){
var _contentEle = $('.view-container'),_viewEle = _contentEle.find('.view');
var _iconEle = $('.downIconArror');
var _view_port = $('.view-port');
var _touchEvents = {
'pageYStart':'',
'pageYEnd':'',
'touchstart':function(event){
event.preventDefault();
var _touch = event.touches[0],_this = _touchEvents;
_this.pageYStart = _touch.pageY;
_view_port[0].addEventListener('touchmove',_this.touchmove,true);
_view_port[0].addEventListener('touchend',_this.touchend,true);
},
'touchmove':function(event){
event.preventDefault();
var _touch = event.touches[0],_this = _touchEvents;
_this.pageYEnd = _touch.pageY;
},
'touchend':function(event){
var _this = _touchEvents;
var _distance = _this.pageYEnd-_this.pageYStart;
if(_distance>50){
swipe.down();
}
if(_distance<-50){
swipe.up();
}
_view_port[0].removeEventListener('touchmove',_this.touchmove);
_view_port[0].removeEventListener('touchend',_this.touchend);
}
};
_view_port[0].addEventListener('touchstart',_touchEvents.touchstart);
var swipe = {
up:function(){
var _this = _contentEle;
var _initTransY = getTransform(_this);
if(Math.abs(_initTransY)==(_viewEle.length-1)*_viewEle.height()){
return;
}
if(Math.abs(_initTransY)==(_viewEle.length-2)*_viewEle.height()){
_iconEle.hide();
}else{
_iconEle.show();
}
_scrollIndex++;
scrollPageAnimate(_scrollIndex);
_this.animate({'margin-top':parseInt(_initTransY-_viewEle.height())},500);
},
down:function(){
var _this = _contentEle;
var _initTransY = getTransform(_this);
_iconEle.show();
if(_initTransY==0){
return;
}
_scrollIndex--;
scrollPageAnimate(_scrollIndex);
_this.animate({'margin-top':parseInt(_initTransY+_viewEle.height())},500);
}
}
}
mobile touch 备用的更多相关文章
- mobile touch事件
touch.js 众所周知,mobile与pc 前端开发的不同中,有一点就是事件的不同,mobile上有touchstart,touchmove,touchend等,而pc上用最多的应该还是我们的cl ...
- jquery mobile Touch事件
Touch事件在用户触摸屏幕(页面)时触发 1.jquery mobile tap tap事件在用户敲击某个元素时触发 $("p").on("tap",fucn ...
- jquery mobile touch 实例
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> ...
- 触屏touch事件记录
一.chrome中的Remote Debugging 一开始并没有用这个调试,不过后面需要多点触碰,可chrome模拟器中我没看到这个功能.突然看到了Remote Debugging,网站需要FQ才能 ...
- hammerjs & Swiper & touch & gesture
hammerjs https://hammerjs.github.io/getting-started/ http://hammerjs.github.io/recognizer-swipe/ Swi ...
- web & js & touch & gesture
web & js & touch & gesture 触摸 & 手势 https://caniuse.com/#feat=touch js https://develo ...
- JavaScript资源大全中文版(Awesome最新版)
Awesome系列的JavaScript资源整理.awesome-javascript是sorrycc发起维护的 JS 资源列表,内容包括:包管理器.加载器.测试框架.运行器.QA.MVC框架和库.模 ...
- 超级小的web手势库AlloyFinger发布
简介 针对多点触控设备编程的Web手势组件,快速帮助你的web程序增加手势支持,也不用再担心click 300ms的延迟了.拥有两个版本,无依赖的独立版和react版本.除了Dom对象,也可监听Can ...
- 2016年4月最佳的20款 jQuery 插件推荐
这个列表包括20个我们觉得是最有用的免费的 jQuery 插件,它们都是最具创新性和最省时省力的解决方案,很多都是现代化的设计和开发中碰到的问题的处理方案.如果你熟悉下面列出的任何插件,请与我们的读者 ...
随机推荐
- 消息推送之百度云推送Android集成与用法
这两天因为项目须要.研究了一下百度云推送,本来这事没什么多大工作量的,但注冊百度开发人员账户创建应用令我蛋疼菊紧了好一阵,这些东西做了对技术没啥提升,不做又不行,必经之路. 好在我耗费了N多个毫毫秒秒 ...
- C#趣味程序----分数之和
问题:求这种四个自然数p,q,r,s(p<=q<=r<=s).使得等式1/p + 1/q +1/r +1/s=1成立. 分析:将原式同分,化简整理后得到:2<=p<5,p ...
- POJ1179 Polygon 区间DP
题目大意: 多边形游戏,有N个顶点的多边形,3 <= N <= 50 ,多边形有N条边,每个顶点中有一个数字(可正可负),每条边上或者是“+”号,或者是“*”号.边从1到N编号,首先选择一 ...
- 使用register_chrdev注册字符设备
1.2.2 使用register_chrdev注册字符设备 注册字符设备可以使用register_chrdev函数. int register_chrdev (unsigned int major, ...
- bzoj5277: [Usaco2018 Open]Out of Sorts
被tkj大爷艹爆了5555整套模拟赛都是神仙思路题 那么这题题解 还有一个神仙做法,zory巨神在考场上找规律AC,自己都不会证..我证明了一下(然而这货还是不认可自己的做法) 按照分割点的思路,我们 ...
- 0x55 环形与后效性问题
poj2228 分第一天是否熟睡DP两次 #include<cstdio> #include<iostream> #include<cstring> #includ ...
- vue开发的项目中遇到的警告,报错,配置项目文件等合集(长期更新)
1. Vue组件里面data()里面没有return时触发错误:Vue components Cannot read property '__ob__' of undefined 这个警告不解决会触发 ...
- ROW_NUMBER() OVER()函数用法;(分组,排序),partition by (转)
1.row_number() over()排序功能: (1) row_number() over()分组排序功能: 在使用 row_number() over()函数时候,over()里头的分组以及排 ...
- 编码和解码(字符串与byte[]之间的转换)
资源来自互联网http://www.cnblogs.com/dabaopku/archive/2012/02/27/2370446.html 非常蛋疼的事情, google 和 baidu 在编码是分 ...
- max 宏定义取消:error C2589: error C2059: 语法错误 : “::”
原文链接:http://blog.csdn.net/danelumax2/article/details/9172465有修改! 一:关于Pcl和WIndef的冲突: 1. 错误输出 ./zlibra ...