问题描述
我想在移动浏览器中从左到右和向后移动大图像(iImage)。如果我从PC上通过Chrome对其进行远程调试,则以下代码可以正常工作。但是,如果我停止远程调试,则运动将不再平稳,它将变得很混乱。在Mozilla,Edge和Opera上,它运行完美。
var touchStart = true;
var xStart = 0;
var yStart = 0;
var dxMove = 0;
var dyMove = 0;
iImage.addEventListener("touchmove",touchmove,{passive: true});
iImage.addEventListener("touchend",touchend,{passive: true});
function touchmove(e) {
if(touchStart) {
touchStart = false;
xStart = e.touches[0].clientX;
yStart = e.touches[0].clientY;
}
var dx = xStart - e.touches[0].clientX;
var dy = yStart - e.touches[0].clientY;
dxMove = dxMove - dx;
dyMove = dyMove - dy;
xStart = e.touches[0].clientX;
yStart = e.touches[0].clientY;
iImage.style.left = Math.round(wDelta + dxMove) + "px";
iImage.style.top = 0;
}
function touchend(e) { touchStart = true; }
这是怎么回事?
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)