ViewTransition: skipTransition() 方法

可用性有限

此特性不是基線特性,因為它在一些最廣泛使用的瀏覽器中不起作用。

skipTransition() 方法是 ViewTransition 介面的一部分,它會跳過檢視轉換的動畫部分,但不會跳過執行相關的檢視更新。

語法

js
skipTransition()

引數

無。

返回值

undefined.

示例

跳過 SPA 檢視轉換

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

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

跳過 MPA 檢視轉換

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

規範

規範
CSS 檢視過渡模組第 1 級
# dom-viewtransition-skiptransition

瀏覽器相容性

另見