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

In wordpress start an animation on after the page has been fully loaded

本文关键字:加载 启动 动画 wordpress      更新时间:2023-09-26

我有一个wordpress网站,我添加了一些带有一些动画的"原始html"元素。问题是,动画从页面加载开始,而不是等待预加载器完成,并且显示页面本身。

加载页面后预加载器是否会停止?(我相信页面在"加载"后继续做更多的员工)

我是wordpress的新手(并且是JS的indid),所以,我不是在编辑wordpress php/js文件主题自己...仅使用"RAW HTML"元素。

谢谢!

如果你不习惯编写这些东西,我建议你看看像AniJS和ScrollReveal这样的插件。

然后你可以把它放在任何标签上(body,p,div,...)

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

DOMContentLoaded(和其他加载选项)检查导航器是否已加载整个页面,然后在滚动时播放动画(您也可以通过删除"before:scrollReveal"来不滚动,然后保留动画的类,这样它就不会永远循环。

把你的动画JS放进去

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

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