このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

Document: activeViewTransition プロパティ

activeViewTransitionDocument インターフェイスの読み取り専用プロパティで、この文書で現在アクティブなビュー遷移を表す ViewTransition インスタンスを返します。

現在の ViewTransition は他の方法でもアクセスできます。

ただし、activeViewTransition プロパティは、どのようなコンテキストでもアクティブなビュー遷移に一貫した方法でアクセスでき、後で簡単にアクセスできるように保存しておく必要がありません。

ViewTransition またはアクティブなビュー遷移がない場合は null

js
// ビュー遷移を開始
document.startViewTransition(() => {
  // 新しい状態を反映するために UI を更新
  updateUI();
});

// ビュー遷移が現在アクティブかどうかを調べる
if (document.activeViewTransition) {
  console.log("ビュー遷移が現在アクティブです");
}

// ビュー遷移の終了に応答
document.activeViewTransition.finished.then(() => {
  console.log("ビュー遷移終了");
});

仕様書

Specification
CSS View Transitions Module Level 2
# dom-document-activeviewtransition

ブラウザーの互換性

関連情報