javascript - 在页面完全加载后，在 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”来不滚动，然后保存动画类，这样它不会永远循环。