移动开发H5页面在安卓机浏览器滑动登录滑块，页面跟着滑块一起滚动

let startX,startY;
 
document.addEventListener("touchstart",function(e){
 
    startX = e.targetTouches[0].pageX;
    startY = e.targetTouches[0].pageY;
});
 
document.addEventListener("touchmove",function(e){
 
    let moveX = e.targetTouches[0].pageX;
    let moveY = e.targetTouches[0].pageY;
    
    if(Math.abs(moveX-startX)>Math.abs(moveY-startY)){
        e.preventDefault();
    }
},{passive:false});

之前有看博主写加css样式但是加了之后发现不好使，直接用js原理是比较横移距离与垂直移动距离的大小，哪个大就是往哪个方向移动，贴一下博主链接学习一下：移动端浏览器禁止左右滑动下一页 - 简书