zoukankan      html  css  js  c++  java
  • 移动端滑动事件冲突(既有上下又有左右,斜滑时会相互影响)

    我们会遇见一个问题,就是当div既有上下滑动又有左右滑动时,我们斜滑会页面也会斜着运动,这不是我们想要的,我们只想它向上或者向左滑动

    在这里我给大家提供一个思路,很简单的一个想法我们可以通过滑动的距离预判用户是左右滑动,还是上下滑动 | y | <= | x |

    如果水平移动距离 > 垂直移动距离 就是做水平滑动,反之就是垂直滑动

    $('div').on('touchmove',function( event){
        this.offsetX = event.originalEvent.targetTouches[0].pageX -         this.startX;
         this.offserY = event.originalEvent.targetTouches[0].pageY - this.startY;
          if( Math.abs(offsetY) <= Math.abs(offsetX)){
                    //左右滑动
          }else {
                //上下滑动
          }
    }
            
  • 相关阅读:
    0806 c#总复习
    0804 递归
    0808 html基础
    0803结构体,枚举类型
    0801out传值
    0731函数
    0730特殊集合
    0728多维数组,ArrayList集合
    js 获取url链接的任意参数
    jq dom操作
  • 原文地址:https://www.cnblogs.com/ryze/p/ryze18.html
Copyright © 2011-2022 走看看