html5页⾯可以上下滚动条,h5页⾯上下左右滑动var startX = 0,
startY = 0,
operate = 0;
backDom.addEventListener('touchstart', function(evt) {
evt.preventDefault();
var touch = uches[0], //获取第⼀个触点
x = Number(touch.pageX), //页⾯触点X坐标
y = Number(touch.pageY); //页⾯触点Y坐标
html横向滚动条样式//记录触点初始位置
startX = x;
startY = y;
});
backDom.addEventListener('touchmove', function(evt) {
var touch = uches[0], //获取第⼀个触点
x = Number(touch.pageX), //页⾯触点X坐标
y = Number(touch.pageY); //页⾯触点Y坐标
//判断滑动⽅向
if (y - startY>0) {
//console.log('下滑了！');
operate = 1;
}
});
backDom.addEventListener('touchend', function() {
if(operate == 1){
p = "100%"
inviteLetterBackwardDom.style.bottom = "-100%"
inviteLetterForwardDom.style.bottom = "-100%"
}
});

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。