只要这段js代码就行了
<script>
$("body").on("touchstart", function(e) {
e.preventDefault();
startX = e.originalEvent.changedTouches[0].pageX,
startY = e.originalEvent.changedTouches[0].pageY;
});
$("body").on("touchmove", function(e) {
e.preventDefault();
moveEndX = e.originalEvent.changedTouches[0].pageX,
moveEndY = e.originalEvent.changedTouches[0].pageY,
X = moveEndX - startX,
Y = moveEndY - startY;
if ( Math.abs(X) > Math.abs(Y) && X > 0 ) {
//向右
}
else if ( Math.abs(X) > Math.abs(Y) && X < 0 ) {
//向左
}
else if ( Math.abs(Y) > Math.abs(X) && Y > 0) {
$('.hide_head').show();
$('.header_moblie').show();
//向下
}
else if ( Math.abs(Y) > Math.abs(X) && Y < 0 ) {
$('.hide_head').hide();
//向上
}
else{
//未移动
}
});
</script>