为什么要在移动Chrome浏览器中移动图像,而不是在远程调试模式下移动图像?

问题描述

我想在移动浏览器中从左到右和向后移动大图像(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 (将#修改为@)