1. 程式人生 > >web移動前端頁面,jquery判斷頁面滑動方向

web移動前端頁面,jquery判斷頁面滑動方向

startx div 上下 chan asc 移動前端 edt else 右滑

/*判斷上下滑動:*/
$(‘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判斷頁面滑動方向