在wordpress中，在页面完全加载后开始播放动画

Question

我有一个wordpress网站，并向其中添加了一些带有一些动画的“原始html”元素。 问题是，动画从页面加载开始，而不必等待预加载器完成，页面本身就会显示出来。

页面加载后，预加载器会停止吗？ （我相信页面在“加载”后仍会继续增加工作量）

我是wordpress的新手（而不是JS），所以，我不是在编辑wordpress php / js文件themeselves ...而是仅使用“ RAW HTML”元素。

谢谢！

Answer 1

如果您不习惯编写此类代码，建议您看一看类似AniJS和ScrollReveal结合使用的插件。

然后，您可以将其放在任何标签上（body，p，div，...）

data-anijs="if: DOMContentLoaded, on: window, do: yourAnimation animated, before: scrollReveal, after: holdAnimClass"

DOMContentLoaded（和其他加载选项）检查导航器是否已加载整个页面，然后以滚动方式播放动画（也可以不滚动而删除“ before：scrollReveal”，然后保存动画的类，以便不滚动）永远不会循环。

Answer 2

在此放动画JS

$( document ).ready(function() {
  // Handler for .ready() called.
});

在DOM完全加载后执行函数。