ViewTransition: skipTransition() method - Web APIs | MDN

Syntax

Parameters

None.

Return value

undefined.

Examples

Skipping an SPA view transition

js

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

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

Skipping an MPA view transition

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

Specifications

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

Browser compatibility

See also

Help improve MDN

Learn how to contribute

This page was last modified on by MDN contributors.