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 |
瀏覽器相容性
載入中…