0

我在我的网站上使用页面转换。但是，我目前的做法并不是最有效的。

当用户单击链接时，会触发转换，然后我用window.location.

我想做的是启动下一页的加载，然后触发转换。加载下一页后，我应该在我们离开页面之前检查 outTransition 是否已完成的条件。

总而言之，我不想一个接一个地执行两个步骤（转换和加载下一页），我想同时执行此操作。

我当前的代码：

document.querySelector('a').addEventListener('click', (e)=>{
    e.preventDefault();
    var url = document.querySelector('a').getAttribute("href"); 

    document.querySelector('.transition-overlay').classList.toggle("active");//trigger the transition
    setTimeout(function(){
        window.location = url;//to change page
    },1000); 
});

有可能这样做吗？setTimeout()当我调用该window.location方法时，我试图删除该函数。这样，加载与转换同时开始。然而，页面随时更改，即使转换未结束。

有没有办法做我想做的事？或类似的东西。

4

0 回答 0