W3cubDocs

/Web APIs

ViewTransition: skipTransition() method

Limited availability

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

The skipTransition() method of the ViewTransition interface skips the animation part of the view transition, but doesn't skip running the associated view update.

Syntax

skipTransition()

Parameters

None.

Return value

undefined.

Examples

Skipping an SPA view transition

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

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

Skipping an MPA view transition

// 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();
});

Specifications

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

Browser compatibility

	Desktop					Mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet	WebView Android	WebView on iOS
`skipTransition`	111	111	No	97	18	111	No	75	18	22.0	111	18