このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
ViewTransition: skipTransition() メソッド
Baseline
2025
最近利用可能
October 2025以降、この機能は最新のバージョンの端末およびブラウザーで動作します。古い端末やブラウザーでは動作しないことがあります。
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();
});
仕様書
| 仕様書 |
|---|
| CSS View Transitions Module Level 1 # dom-viewtransition-skiptransition |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。