ViewTransition: skipTransition()-Methode
Baseline
2025
Newly available
Since October 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Die skipTransition()-Methode der
ViewTransition-Schnittstelle überspringt den Animationsanteil der Ansichtsübertragung, führt jedoch das zugehörige Ansichtsupdate weiterhin aus.
Syntax
js
skipTransition()
Parameter
Keine.
Rückgabewert
undefined.
Beispiele
Überspringen einer SPA-Ansichtsübertragung
js
// start new view transition
const transition = document.startViewTransition(() => displayNewImage());
// skip the animation and just update the DOM
transition.skipTransition();
Überspringen einer MPA-Ansichtsübertragung
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
Loading…