-
Notifications
You must be signed in to change notification settings - Fork 8.2k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
2 changed files
with
89 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,47 @@ | ||
--- | ||
title: "ViewTransition: skipTransition() メソッド" | ||
short-title: skipTransition() | ||
slug: Web/API/ViewTransition/skipTransition | ||
l10n: | ||
sourceCommit: 7b3ccaec4a93584da12939587ea746acaabe30bc | ||
--- | ||
|
||
{{APIRef("View Transitions API")}}{{SeeCompatTable}} | ||
|
||
**`skipTransition()`** は {{domxref("ViewTransition")}} インターフェイスのメソッドで、ビュートランジションのアニメーション部分をスキップしますが、 DOM を更新する {{domxref("Document.startViewTransition()", "document.startViewTransition()")}} コールバックの実行はスキップしません。 | ||
|
||
## 構文 | ||
|
||
```js-nolint | ||
skipTransition() | ||
``` | ||
|
||
### 引数 | ||
|
||
なし。 | ||
|
||
### 返値 | ||
|
||
`undefined` です。 | ||
|
||
## 例 | ||
|
||
```js | ||
// 新しいビュートランジションを開始 | ||
const transition = document.startViewTransition(() => displayNewImage()); | ||
|
||
// アニメーションをスキップし、DOM を更新する | ||
transition.skipTransition(); | ||
``` | ||
|
||
## 仕様書 | ||
|
||
{{Specifications}} | ||
|
||
## ブラウザーの互換性 | ||
|
||
{{Compat}} | ||
|
||
## 関連情報 | ||
|
||
- [Smooth and simple transitions with the View Transitions API](https://developer.chrome.com/docs/web-platform/view-transitions/) |
42 changes: 42 additions & 0 deletions
42
files/ja/web/api/viewtransition/updatecallbackdone/index.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,42 @@ | ||
--- | ||
title: "ViewTransition: updateCallbackDone プロパティ" | ||
short-title: updateCallbackDone | ||
slug: Web/API/ViewTransition/updateCallbackDone | ||
l10n: | ||
sourceCommit: 7b3ccaec4a93584da12939587ea746acaabe30bc | ||
--- | ||
|
||
{{APIRef("View Transitions API")}}{{SeeCompatTable}} | ||
|
||
**`updateCallbackDone`** は {{domxref("ViewTransition")}} インターフェイスの読み取り専用のプロパティで、 {{domxref("Document.startViewTransition()", "document.startViewTransition()")}} のコールバックが返すプロミスが履行されると履行され、拒否されると拒否されるプロミス ({{jsxref("Promise")}}) です。 | ||
|
||
`updateCallbackDone` は、ビュートランジションのアニメーションの成否を気にせず、 DOM が更新されたかどうか、いつ更新されたかを知りたい場合に有益です。 | ||
|
||
## 値 | ||
|
||
プロミスです。 | ||
|
||
## 例 | ||
|
||
```js | ||
// 新しいビュートランジションを開始 | ||
const transition = document.startViewTransition(() => displayNewImage()); | ||
|
||
transition.updateCallbackDone.then(() => { | ||
// 正常に更新された DOM に応答 | ||
}); | ||
``` | ||
|
||
有用な例は、 [Transitions as an enhancement](https://developer.chrome.com/docs/web-platform/view-transitions/#transitions-as-an-enhancement) を参照してください。 | ||
|
||
## 仕様書 | ||
|
||
{{Specifications}} | ||
|
||
## ブラウザーの互換性 | ||
|
||
{{Compat}} | ||
|
||
## 関連情報 | ||
|
||
- [Smooth and simple transitions with the View Transitions API](https://developer.chrome.com/docs/web-platform/view-transitions/) |