ViewTransition: skipTransition() メソッド
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.
skipTransition() は ViewTransition インターフェイスのメソッドで、ビュー遷移のアニメーション部分をスキップしますが、関連付けられたビューの更新処理を実行します。
構文
js
skipTransition()
引数
なし。
返値
undefined です。
例
SPA のビュー遷移をスキップ
js
// 新しいビュー遷移を開始
const transition = document.startViewTransition(() => displayNewImage());
// アニメーションをスキップし、DOM を更新する
transition.skipTransition();
MPA のビュー遷移をスキップ
js
// 現在の（遷移元）ページで発生
document.addEventListener("pageswap", (event) => {
event.viewTransition?.skipTransition();
});
// 宛先の（遷移先）ページで発生
document.addEventListener("pagereveal", (event) => {
event.viewTransition?.skipTransition();
});
仕様書
| Specification |
|---|
| CSS View Transitions Module Level 1 # dom-viewtransition-skiptransition |