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