javascript – Sprungproblem im Karusselldiagramm

Question

Es gibt insgesamt vier Karussellelemente, von denen drei auf dem Bildschirm angezeigt werden können. Ich habe zwei Kopien nebeneinander im HTML-Code platziert, um das drahtlose Karussell zu implementieren. Wenn sich die Position jedoch am Startpunkt befindet, wird ein Klick auf die Schaltfläche „Vorwärts“ angezeigt Sprungprozess, aber ich führe Schritt für Schritt im Chrome-Debugging aus. Was ist los? Der js-Code lautet wie folgt

pre.onclick=function(){              //pre为前移按钮
        if(index==0){                 //index==0对应屏幕出现前三个项
            index=4;
            oUl.style.transition='none';           //将css中的transition消除
            oUl.style.transform='translateX('+(-425)*index+'px)';   //移动到index==4
        }
        index--;
        clearInterval(timer);        //清除定时器
        oUl.style.transition='all 1s';    //设置过渡
        oUl.style.transform='translateX('+(-425)*index+'px)';   //移动到index==3
        timer=setInterval(move,2000);     //开启定时器
    }

Answer 1

初始不是为0嘛，你点击以后，不就跳到4了嘛

oUl.style.transform='translateX('+(-425)*index+'px)';