用预加载器延迟css动画？

Question

我目前有一个网站，它使用Animate.css on the frontpage (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').
});

如果您查看的是源代码，他就是这样在主址上这样做的。

Answer 2

上面的方法对我没有用。

由于一个好的预加载程序将等待所有页面元素，包括图像被显示，我将等到那时候.

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