zoukankan      html  css  js  c++  java
  • web移动前端页面,jquery判断页面滑动方向

    /*判断上下滑动:*/
    $('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('往下滑动');
    
    }
    });

      

  • 相关阅读:
    c语言指针详解 经典
    C语言基础知识
    Android常用传感器用法一览(3)
    Android常用传感器用法一览(2)
    iOS UIKit
    iOS深度学习
    iOS深度学习
    UITableView 显示优化
    iOS 开发小记 (七)
    CoreAnimation
  • 原文地址:https://www.cnblogs.com/mmykdbc/p/9842744.html
Copyright © 2011-2022 走看看