Ver API de transição
função isReverseTransition(para URL) {
retornar para URL.nome do caminho.terminaCom(“/index.html”);
}
assíncrono função setTemporaryReverseTransition(transiçãoPromessa) {
const raiz = documento.documentElement;
raiz.estilo.definirPropriedade(
“–transição-antiga”,
“var(–transição-antiga-reversa)”,
);
raiz.estilo.definirPropriedade(
“–transição-novo”,
“var(–transição-nova-reversa)”,
);
espere transiçãoPromessa;
raiz.estilo.removerPropriedade(“–transição-antiga”);
raiz.estilo.removerPropriedade(“–transição-novo”);
}
função onTransition(para URL, evt) {
se (isReverseTransition(para URL)) {
setTemporaryReverseTransition(evt.visualizarTransição.finalizado);
}
}
janela.addEventListener(“troca de páginas”, assíncrono (evt) => {
const deURL = novo URL(evt.ativação.de.url);
const para URL = novo URL(evt.ativação.entrada.url);
onTransition(para URL, evt);
});
janela.addEventListener(“revelar página”, assíncrono (evt) => {
const para URL = novo URL(janela.navegação.ativação.entrada.url);
se (evt.visualizarTransição) {
onTransition(para URL, evt);
}
});
