动画在页面加载之前触发答案

【问题标题】：Animations trigger before page loads动画在页面加载之前触发
【发布时间】：2021-05-07 08:01:52
【问题描述】：

我创建了一个使用animate.css 为元素设置动画的网站。但问题是动画在页面加载之前触发。我避免使用animate.css 提供的延迟属性，因为页面可能需要不同的加载时间才能加载到不同的设备上。请提出一些建议。

另外，如果有帮助，我正在为网站使用预加载器。

【问题讨论】：

【解决方案1】：

您可以在网站加载之前显示全屏 gif 动画（加载器）。并使用js：

window.addEventListener('load', function () {
    document.getElementById('loader').hidden = true;
});

【讨论】：