Задержка загрузки новой страницы до завершения анимации

Question

Я хотел бы сделать быструю анимацию div перед тем, как покинуть страницу, когда нажата навигационная ссылка. Как мне это осуществить? У меня проблемы с завершением анимации до загрузки новой страницы. Анимация начинается, затем страница загружается до того, как div начинает двигаться.

Answer 1

var el = document.querySelector(".myelement");


el.addEventListener("animationstart", function() {}, false);
el.addEventListener("animationend", function() {el.onclick = navigateTo;}, false);
el.addEventListener("animationiteration", function() {}, false);

el.addEventListener( 'webkitTransitionEnd', 
function( event ) { alert( "Finished transition!" ); }, false );

function navigateTo() {
  location.href=this.href;
}

Использование CSS-анимации

GlobalEventHandlers.onclick