ViewTransition: skipTransition() Methode

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Die skipTransition() Methode des ViewTransition Schnittstelle überspringt den Animationsanteil des View-Übergangs, lässt jedoch die zugehörige Ansicht-Update ausführen.

Syntax

js
skipTransition()

Parameter

Keine.

Rückgabewert

undefined.

Beispiele

Überspringen eines SPA-View-Übergangs

js
// start new view transition
const transition = document.startViewTransition(() => displayNewImage());

// skip the animation and just update the DOM
transition.skipTransition();

Überspringen eines MPA-View-Übergangs

js
// Fired on the current (outgoing) page
document.addEventListener("pageswap", (event) => {
  event.viewTransition?.skipTransition();
});

// Fired on the destination (inbound) page
document.addEventListener("pagereveal", (event) => {
  event.viewTransition?.skipTransition();
});

Spezifikationen

Specification
CSS View Transitions Module Level 1
# dom-viewtransition-skiptransition

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch