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

浏览器兼容性

另见