javascript - 使用预加载器延迟 css 动画？

Question

我目前有一个网站在首页上使用 Animate.css ( https://daneden.github.io/animate.css/ )。目前的工作方式是用户一打开网站就开始播放动画，但这会导致动画“滞后”。我想要的是让它等到整个页面加载完毕，然后 css 动画开始执行它们的操作，从而使体验更加流畅。

我研究了几个基于 js 的预加载器，尝试了一些但它不会延迟 css 动画。页面加载完成后，CSS 动画就已经完成了。是我做错了什么，还是 JS 预加载器不是正确的方法？

Answer 1

在页面加载后，您必须使用 javascript 和/或 jquery 将具有动画的 css 类动态添加到所需元素。我们可以使用 jquery 中的 $document.ready 事件来做到这一点。

$(document).ready(function(){
     $('css selector').addClass('class-that-has-animation-binding').
});

这就是他在 main site 上的做法如果您查看的是源代码。