码迷,mamicode.com
首页 > 移动开发 > 详细

web移动前端页面,jquery判断页面滑动方向

时间:2018-10-24 15:49:37      阅读:216      评论:0      收藏:0      [点我收藏+]

标签:page   div   math   hang   前端   tar   func   chm   asc   

/*判断上下滑动:*/
$(‘body‘).bind(‘touchstart‘,function(e){
startX = e.originalEvent.changedTouches[0].pageX;
startY = e.originalEvent.changedTouches[0].pageY;
});
$("body").bind("touchmove",function(e){
//获取滑动屏幕时的X,Y
endX = e.originalEvent.changedTouches[0].pageX;
endY = e.originalEvent.changedTouches[0].pageY;
//获取滑动距离
distanceX = endX-startX;
distanceY = endY-startY;
//判断滑动方向
if(Math.abs(distanceX)>Math.abs(distanceY) && distanceX>0){
console.log(‘往右滑动‘);
}else if(Math.abs(distanceX)>Math.abs(distanceY) && distanceX<0){
console.log(‘往左滑动‘);
}else
if(Math.abs(distanceX)<Math.abs(distanceY) && distanceY<0){
console.log(‘往上滑动‘);
} else if(Math.abs(distanceX)<Math.abs(distanceY) && distanceY>0){
console.log(‘往下滑动‘);

}
});

  

web移动前端页面,jquery判断页面滑动方向

标签:page   div   math   hang   前端   tar   func   chm   asc   

原文地址:https://www.cnblogs.com/mmykdbc/p/9842744.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!