首页 > 代码库 > 滑动事件
滑动事件
var startPosition,endPosition,deltaX,deltaY,moveLength,; $(".cover").on(‘touchstart‘, function(e){ e.preventDefault(); var touch = e.touches[0]; startPosition = { x: touch.pageX, y: touch.pageY } }).on(‘touchmove‘, function(e){ e.preventDefault(); var touch = e.touches[0]; endPosition = { x: touch.pageX, y: touch.pageY }; deltaX = endPosition.x - startPosition.x; deltaY = endPosition.y - startPosition.y; //moveLength = Math.sqrt(Math.pow(Math.abs(deltaX), 2) + Math.pow(Math.abs(deltaY), 2)); }).on(‘touchend‘, function(e){ e.preventDefault(); if(deltaY < -50) { // 向上划动 $(‘.wrap‘).css({ "-webkit-transform": "translate3d(0, -100%, 0)" }); startPosition=null; endPosition=null; deltaX=0; deltaY=0; } else if (deltaY > 0) { // 向下划动 } });
滑动事件
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。