首页 > 移动平台 > 详细

移动端左右滑动 上下滑动

时间:2020-08-26 09:05:22      阅读:183      评论:0      收藏:0      [点我收藏+]

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();
}

移动端左右滑动 上下滑动

原文:https://www.cnblogs.com/lucky-cat/p/13562815.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!