移动端左右滑动 上下滑动

var startX,startY,endX,endY;
var scrollTopVal=0; //上下滑动请自行修改
//假定接受手指触摸事件的Dom对象id是"HealCon"
document.getElementById("HealCon").addEventListener("touchstart", touchStart, false);
document.getElementById("HealCon").addEventListener("touchmove", touchMove, false);
document.getElementById("HealCon").addEventListener("touchend", touchEnd, false);
//页面下滑加载
function touchStart(event){
 var touch = event.touches[0];
 startX = touch.pageX;
}
function touchMove(event){
    var touch = event.touches[0];
    endX = (startX-touch.pageX);
    if(endX<0){
        //往右滑        
        if(index == 1){
            return;
        }
    }else{
        //往左滑
        
    }
}
function touchEnd(event){
    scrollTopVal=$("#HealCon").scrollTop();
}

移动端左右滑动 上下滑动

上一篇:解决React脚手架create-react-app中不能使用less问题


下一篇:浅谈移动端之touch事件--手指的滑动事件