Переход между представлениями: метод skipTransition()

Ограниченная доступность

Эта функция не относится к Baseline, так как она не работает в некоторых широко используемых браузерах.

Метод skipTransition() интерфейса ViewTransition пропускает анимационную часть перехода между представлениями, но не пропускает выполнение связанного обновления представления.

Синтаксис

skipTransition()

Параметры

Нет.

Возвращаемое значение

undefined.

Примеры

Пропуск перехода между представлениями SPA

// start new view transition
const transition = document.startViewTransition(() => displayNewImage());

// skip the animation and just update the DOM
transition.skipTransition();

Пропуск перехода между представлениями MPA

// 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

Совместимость с браузерами

	Рабочий стол					Мобильный
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`skipTransition`	111	111	Нет	97	18	111	Нет	75	18	22.0	111

См. также

Плавные переходы с помощью API переходов между представлениями

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/ViewTransition/skipTransition