我無(wú)法讓變量作為我對(duì)象中的 translateX 值正常運(yùn)行。每次單擊下一個(gè)按鈕時(shí)，我都想讓點(diǎn)在頁(yè)面上滾動(dòng)。我的代碼只能在第一步來(lái)回移動(dòng)它。我是動(dòng)畫(huà) API 的新手，我已經(jīng)使用 CSS 轉(zhuǎn)換完成了這項(xiàng)工作，但我正在嘗試很好地處理 API。html：<div class="progress__container">                <div class="progress__bar">                        <div id="progress__fill" class="step1"></div>                        <div class="circ" id="circ__1"></div>                        <div class="circ" id="circ__2"></div>                        <div class="circ" id="circ__3"></div>                        <div class="circ" id="circ__4"></div>                        <div id="progress__dot" class="prog__1"></div>                    </div>            <div class="backBar"></div>            <div class="flexrow">                    <span class="stepName">Account</span>                    <span class="stepName">Frequency</span>                    <span class="stepName">Amount</span>                    <span class="stepName">Taxes</span>                </div>            <div class="button__container">                <button class="buttonStep" id="back">Back</button>                <button class="buttonStep is-active" id="next">Next</button>            </div>    </div>js：// give a starting value for the transformationvar startVal = 0;// define the keyframesvar moveDot = [    { transform: `translateX(${startVal}px)`},    { transform: `translateX(${startVal + 190}px)`}  ];// definte the timingvar dotTiming = {    duration: 400,      fill: "forwards",      easing: 'ease-in',} // make the animation happenvar movingDot = document.getElementById("progress__dot").animate(    moveDot,    dotTiming  );//  pause the animation until calledmovingDot.pause();    // on click fire the animationdocument.getElementById('next').addEventListener('click', function() {    movingDot.playbackRate = 1;    if (startVal <= 380) {        movingDot.play();        startVal += 190;    } });按照我的設(shè)置方式，我希望 translateX 值根據(jù)單擊事件偵聽(tīng)器而增加或減少，這將使圓圈在頁(yè)面上滑動(dòng)。實(shí)際發(fā)生的是，只有第一步有效。它不會(huì)超過(guò)第一個(gè)停止點(diǎn)。如果我在控制臺(tái)中記錄 moveDot，它會(huì)給我我期望的值，但它只會(huì)在 0 和 190 處啟動(dòng)/停止。后退按鈕的功能相同。