美文网首页
移动端滑动方向

移动端滑动方向

作者: 丸子_d7e2 | 来源:发表于2019-07-15 18:07 被阅读0次
      //滑动处理
      var startX, startY, moveEndX, moveEndY, X, Y;
      mybody.addEventListener('touchstart', function(e) {
        startX = e.touches[0].pageX;
        startY = e.touches[0].pageY;
      });
      mybody.addEventListener('touchmove', function(e) {
        moveEndX = e.changedTouches[0].pageX;
        moveEndY = e.changedTouches[0].pageY;
        X = moveEndX - startX;
        Y = moveEndY - startY;
        if (X > 0 && Math.abs(X) > Math.abs(Y)) {
          that.showProgessFlag = true;
        } else if (X < 0 && Math.abs(X) > Math.abs(Y)) {
          that.showProgessFlag = true;
        } else if (Y > 0 && Math.abs(Y) > Math.abs(X)) {
          that.showProgessFlag = true;
        } else if (Y < 0 && Math.abs(Y) > Math.abs(X)) {
          that.showProgessFlag = true;
        } else {
          that.showProgessFlag = true;
        }
      });

相关文章

网友评论

      本文标题:移动端滑动方向

      本文链接:https://www.haomeiwen.com/subject/snrokctx.html