在wordpress中，在页面完全加载后启动动画

Question

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

页面加载后预加载器是否停止？ （我相信页面在“加载”后会继续做更多的工作人员）

我是wordpress的新手（并且不知道JS）所以，我没有编辑wordpress php / js文件本身...只使用“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完全加载时执行。