//手指按下屏幕的點，擡起手指的點，按下的時間，擡起的時間

var startPoint=0;

endPoint=0;

startTime=0;

　 endTime=0;

//touchstart事件

$(".xx").on("touchstart",function(event){

//每次重新滑動要清除上一次手指擡起的位置和時間

endPoint=0;

endtime=0;

startPoint=event.touches[0].clientY;

startTime=Date.now()

})

//touchend事件

$(".xx").on("touchend",function(event){

endPoint=event.touches[0].clientY;

endTime=Date.now()

})

//判斷滑動的速度是否超過指定值，超過就觸發方法

var speed=(endPonit-startPoint)/[(endtime-starttime)/1000]

*獲取的時間是毫秒，得出的速度是小數，所以要轉換成秒；

*往上滑動屏幕，兩點之間的差永遠是負數,所以下面>20或者<-20

*如果要滑動不費力把參考值設置小一點

if(speed>20){

　　xx();//調用方法，一般是翻頁

}

手指滑動屏幕原理