Как отменить переход Active View (API)? ⇐ Javascript

[Anonymous]

Существует метод SkipTransition () , но как я даже должен называть его, поскольку страница не является интерактивной по дизайну. Итак, чтобы пропустить активное переход, я должен сделать что-то, чего я не могу? />

Код: Выделить всё

const el = document.querySelector("div");
const btn = document.querySelector("button");
let vt;

el.onclick = () => {
vt = document.startViewTransition(() => {
el.style.left = "500px";
});
};

btn.onclick = () => {
console.log("btn clicked");
vt?.skipTransition?.();
};< /code>
div {
position: absolute;
background-color: peru;
top: 50px;
left: 0;
width: 100px;
height: 100px;
view-transition-name: box;
}

::view-transition-group(*) {
animation-duration: 5000ms;
}< /code>

stop

Подробнее здесь: https://stackoverflow.com/questions/794 ... sition-api